Comments (3)
from fe.
图表配置:
{
"type": "timeseries",
"id": "a6167b55-2710-4a8a-8e3e-4207fc8794b4",
"layout": {
"h": 10,
"w": 24,
"x": 0,
"y": 30,
"i": "a6167b55-2710-4a8a-8e3e-4207fc8794b4",
"isResizable": true
},
"version": "3.0.0",
"datasourceCate": "prometheus",
"datasourceValue": "${LOKI_DATASOURCE}",
"targets": [
{
"refId": "A",
"expr": "count_over_time({host_ip=~"$ident"}[$__interval])",
"legend": "ident:{{ host_ip }} Level:{{ level }}"
}
],
"transformations": [
{
"id": "organize",
"options": {}
}
],
"name": "Log Line Counts By Host",
"maxPerRow": 4,
"options": {
"tooltip": {
"mode": "all",
"sort": "none"
},
"legend": {
"displayMode": "table",
"columns": [
"max",
"min",
"sum",
"last"
]
},
"standardOptions": {},
"thresholds": {
"steps": [
{
"color": "#634CD9",
"value": null,
"type": "base"
}
]
}
},
"custom": {
"drawStyle": "bars",
"spanNulls": false,
"lineWidth": 1,
"fillOpacity": 0.5,
"gradientMode": "none",
"stack": "off",
"scaleDistribution": {
"type": "linear"
}
}
}
查询信息:
{
"type": "Query Range",
"request": {
"url": "/api/n9e/query-range-batch",
"method": "POST",
"data": {
"queries": [
{
"end": 1700032680,
"start": 1699946280,
"query": "count_over_time({host_ip=~"10.42.66.235"}[360s])",
"step": 360,
"refId": "A"
}
],
"datasource_id": 6
}
},
"response": {
"dat": [
[
{
"metric": {
"host_ip": "10.42.66.235",
"job": "fluentbit",
"level": "notice",
"method": "rsyslog",
"type": "switch"
},
"values": [
[
1699974360,
"4"
],
[
1700018280,
"4"
],
[
1700018640,
"1"
],
[
1700019000,
"2"
]
]
},
{
"metric": {
"host_ip": "10.42.66.235",
"job": "fluentbit",
"level": "warning",
"method": "rsyslog",
"type": "switch"
},
"values": [
[
1699957080,
"2"
],
[
1699979040,
"2"
],
[
1699995960,
"2"
]
]
}
]
],
"err": "",
"success": true
}
}
版本是最新的 v6.5.0
from fe.
v7 版本起图表类型里新增了单独的柱状图,可以尝试下
原本时序图的 bar 模式可能对某些数据场景渲染会异常
from fe.
Related Issues (20)
- 关于表格中追加的链接使用标签值变量在大盘刷新一次后失效的问题 HOT 7
- npm build error
- 个人优化建议:日志查询 接入文件名称以及文件内容的筛选过滤 HOT 5
- 最新代码 build 以后 打开 ui 白屏了. HOT 1
- 饼图 Total 文字被遮盖问题 HOT 2
- 是否直接考虑将grafana内嵌在夜莺里面? HOT 1
- 这个项目后端在哪里 HOT 2
- 时间轴的间隔可配置化 HOT 2
- packjson.lock淘宝源过期了,建议更换 HOT 1
- 仪表盘的变量值在URL中会改变 HOT 2
- 告警规则里面的备注 拉伸 问题 HOT 2
- npm run build编译报错
- 前端项目单独部署访问报错 HOT 4
- [v7] build error HOT 1
- https://registry.nlark.com/d3-timer/download/d3-timer-1.0.10.tgz failed, reason: getaddrinfo ENOTFOUND registry.nlark.com HOT 9
- edge 节点启动无法访问 404 page not found HOT 2
- 怎么将前端独立运行 HOT 3
- 前端v7.0.0-beta.4 版本编译报错 HOT 3
- 添加 仪表盘 类型的图表内容显示不全 HOT 2
- 【告警规则配置】先修改Metric部分后再去修改Hots部分,保存会丢失Metric部分,切换标签也会丢失之前改的信息 HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from fe.