When displaying the time series chart in dashboard panel, the lines are there but hidden with the turquoise color. The turquoise filling is only when there is data. The data is coming from Prometheus. I have already checked the fill opaque and gradient colors and all are set correctly. The time series chart in Drilldown is working fine but the same one once added to dashboard it is showing with the overlapping solid color. Image attached for reference.
-
What Grafana version and what operating system are you using?
Grafana version 11.6 and Windows 11 OS. -
What are you trying to achieve?
Want to monitor our .Net application. -
How are you trying to achieve it?
Through Prometheus data collection and Grafana visual UI. -
What happened?
The time series panel not displaying the lines properly. -
What did you expect to happen?
The lines should be visible properly. -
Can you copy/paste the configuration(s) that you are having problems with?
{
“id”: 2,
“type”: “timeseries”,
“title”: “Total Requests”,
“gridPos”: {
“x”: 12,
“y”: 8,
“h”: 8,
“w”: 12
},
“fieldConfig”: {
“defaults”: {
“custom”: {
“drawStyle”: “line”,
“lineInterpolation”: “linear”,
“barAlignment”: 0,
“barWidthFactor”: 0.6,
“lineWidth”: 1,
“fillOpacity”: 0,
“gradientMode”: “none”,
“spanNulls”: false,
“insertNulls”: false,
“showPoints”: “auto”,
“pointSize”: 5,
“stacking”: {
“mode”: “none”,
“group”: “A”
},
“axisPlacement”: “right”,
“axisLabel”: “”,
“axisColorMode”: “series”,
“axisBorderShow”: true,
“scaleDistribution”: {
“type”: “linear”
},
“axisCenteredZero”: false,
“hideFrom”: {
“tooltip”: false,
“viz”: false,
“legend”: false
},
“thresholdsStyle”: {
“mode”: “off”
},
“axisSoftMin”: -1,
“lineStyle”: {
“fill”: “solid”
}
},
“color”: {
“mode”: “palette-classic”
},
“mappings”: ,
“thresholds”: {
“mode”: “absolute”,
“steps”: [
{
“color”: “green”,
“value”: null
},
{
“color”: “red”,
“value”: 80
}
]
}
},
“overrides”:
},
“pluginVersion”: “11.6.0”,
“targets”: [
{
“datasource”: {
“type”: “prometheus”,
“uid”: “dehp774h2ve9sb”
},
“disableTextWrap”: false,
“editorMode”: “builder”,
“expr”: “http_requests_received_total”,
“fullMetaSearch”: false,
“includeNullMetadata”: true,
“legendFormat”: “__auto”,
“range”: true,
“refId”: “A”,
“useBackend”: false
},
{
“datasource”: {
“type”: “prometheus”,
“uid”: “dehp774h2ve9sb”
},
“expr”: “”,
“hide”: false,
“instant”: false,
“range”: true,
“refId”: “B”
}
],
“datasource”: {
“type”: “prometheus”,
“uid”: “dehp774h2ve9sb”
},
“options”: {
“tooltip”: {
“mode”: “single”,
“sort”: “none”,
“hideZeros”: false
},
“legend”: {
“showLegend”: true,
“displayMode”: “list”,
“placement”: “bottom”,
“calcs”:
}
}
} -
Did you receive any errors in the Grafana UI or in related logs? If so, please tell us exactly what they were.
No