{ "annotations": { "list": [ { "builtIn": 1, "datasource": "-- Grafana --", "enable": true, "hide": true, "iconColor": "rgba(0, 211, 255, 1)", "name": "Annotations & Alerts", "type": "dashboard" } ] }, "editable": true, "graphTooltip": 0, "id": 625, "links": [], "panels": [ { "gridPos": { "h": 4, "w": 24, "x": 0, "y": 0 }, "id": 13, "options": { "content": "\n# Welcome to Grafana 8.0\n\nGrafana v8.0 adds many visualizations and improvements to panel edit, tracing and security. This dashboard highlights \nsome of the new visualization capabilities. There are so many new visualizations and display options so be sure to scroll down\nto see everything. \n\n[Read the what's new article](https://grafana.com/docs/grafana/next/whatsnew/whats-new-in-v8-0/)   |  \n[Download](https://grafana.com/grafana/download/beta)   |  \n[Grafana Cloud now free with 50gb logs, 10K metric series](https://grafana.com/signup/cloud/connect-account?pg=play&plcmt=whatnew)", "mode": "markdown" }, "pluginVersion": "8.1.0-pre", "targets": [ { "refId": "A", "target": "" } ], "transparent": true, "type": "text" }, { "datasource": "gdev-testdata", "gridPos": { "h": 8, "w": 6, "x": 0, "y": 4 }, "id": 61, "links": [], "options": { "content": "## State timeline\n\nThe new state timeline panel is one of the new core visualizations. \nIt adds unique state over time visualization for string or boolean states. \n\n### Map strings to colors\n\nWith the new revamped value mapping feature you \ncan now easily map strings, booleans, nulls & NaN values\nto a color or new display text. \n\nThis mapping and coloring support will work in all new core panels.", "mode": "markdown" }, "pluginVersion": "8.1.0-pre", "targets": [ { "alias": "__server_names", "refId": "A", "scenarioId": "random_walk", "seriesCount": 6 } ], "type": "text" }, { "datasource": "gdev-testdata", "fieldConfig": { "defaults": { "color": { "mode": "palette-classic" }, "custom": { "fillOpacity": 80, "lineWidth": 0 }, "mappings": [ { "options": { "CRITICAL": { "color": "red", "index": 3 }, "HIGH": { "color": "orange", "index": 2 }, "LOW": { "color": "blue", "index": 0 }, "NORMAL": { "color": "green", "index": 1 } }, "type": "value" } ], "thresholds": { "mode": "absolute", "steps": [ { "color": "green" }, { "color": "red", "value": 80 } ] } }, "overrides": [] }, "gridPos": { "h": 8, "w": 18, "x": 6, "y": 4 }, "id": 63, "options": { "alignValue": "center", "colWidth": 0.9, "legend": { "calcs": [], "displayMode": "hidden", "placement": "right" }, "mergeValues": true, "mode": "changes", "rowHeight": 0.97, "showValue": "always" }, "pluginVersion": "7.5.0-pre", "targets": [ { "alias": "Level A", "refId": "A", "scenarioId": "csv_metric_values", "stringInput": "LOW,HIGH,NORMAL,NORMAL,NORMAL,LOW,LOW,NORMAL,HIGH,CRITICAL" }, { "alias": "Level B", "hide": false, "refId": "B", "scenarioId": "csv_metric_values", "stringInput": "NORMAL,LOW,LOW,CRITICAL,CRITICAL,LOW,LOW,NORMAL,HIGH,CRITICAL" }, { "alias": "Level C", "hide": false, "refId": "C", "scenarioId": "csv_metric_values", "stringInput": "NORMAL,NORMAL,NORMAL,NORMAL,CRITICAL,LOW,NORMAL,NORMAL,NORMAL,LOW" } ], "title": "State timeline strings", "type": "state-timeline" }, { "datasource": "gdev-testdata", "gridPos": { "h": 15, "w": 6, "x": 0, "y": 12 }, "id": 70, "links": [], "options": { "content": "### Discrete time series\n\nIt can also transform any numerical time series into discrete states trough \nthresholds. This allow you to quickly gauge health over time and visualize\nthe duration spent in each threshold bracket. \n", "mode": "markdown" }, "pluginVersion": "8.1.0-pre", "targets": [ { "alias": "__server_names", "refId": "A", "scenarioId": "random_walk", "seriesCount": 6 } ], "type": "text" }, { "datasource": "gdev-graphite-1.0", "fieldConfig": { "defaults": { "color": { "mode": "thresholds" }, "custom": { "fillOpacity": 100, "lineWidth": 0 }, "mappings": [], "thresholds": { "mode": "absolute", "steps": [ { "color": "blue" }, { "color": "green", "value": 50 }, { "color": "red", "value": 300 } ] }, "unit": "degree" }, "overrides": [] }, "gridPos": { "h": 8, "w": 18, "x": 6, "y": 12 }, "id": 65, "maxDataPoints": 200, "options": { "alignValue": "left", "legend": { "displayMode": "list", "placement": "bottom" }, "mergeValues": true, "rowHeight": 0.96, "showValue": "never" }, "targets": [ { "refId": "A", "target": "aliasByNode(apps.backend.*.counters.requests.count, 2)" } ], "title": "State timeline with time series + thresholds", "type": "state-timeline" }, { "datasource": "gdev-graphite-1.0", "fieldConfig": { "defaults": { "color": { "mode": "palette-classic" }, "custom": { "axisLabel": "", "axisPlacement": "auto", "axisWidth": 85, "barAlignment": 0, "drawStyle": "line", "fillOpacity": 0, "gradientMode": "none", "hideFrom": { "viz": false, "legend": false, "tooltip": false }, "lineInterpolation": "linear", "lineWidth": 1, "pointSize": 5, "scaleDistribution": { "type": "linear" }, "showPoints": "auto", "spanNulls": false, "stacking": { "group": "A", "mode": "none" }, "thresholdsStyle": { "mode": "area" } }, "mappings": [], "thresholds": { "mode": "absolute", "steps": [ { "color": "blue" }, { "color": "green", "value": 50 }, { "color": "transparent", "value": 50 }, { "color": "red", "value": 300 } ] }, "unit": "degree" }, "overrides": [] }, "gridPos": { "h": 7, "w": 18, "x": 6, "y": 20 }, "id": 66, "maxDataPoints": 200, "options": { "legend": { "calcs": [], "displayMode": "list", "placement": "bottom" }, "tooltip": { "mode": "single" } }, "pluginVersion": "8.0.0-beta2", "targets": [ { "refId": "A", "target": "aliasByNode(apps.backend.*.counters.requests.count, 2)" } ], "title": "Same query/data as above", "type": "timeseries" }, { "datasource": "gdev-testdata", "gridPos": { "h": 13, "w": 6, "x": 0, "y": 27 }, "id": 67, "links": [], "options": { "content": "## Status history\n\nA sister panel to the state timeline is the new Status history panel. It can visualize periodic state in a \ngrid. Works with both numerical, string or boolean state. ", "mode": "markdown" }, "pluginVersion": "8.1.0-pre", "targets": [ { "alias": "__server_names", "refId": "A", "scenarioId": "random_walk", "seriesCount": 6 } ], "type": "text" }, { "datasource": "gdev-testdata", "fieldConfig": { "defaults": { "color": { "mode": "continuous-GrYlRd" }, "custom": { "fillOpacity": 70, "lineWidth": 1 }, "mappings": [], "max": 40, "min": -10, "thresholds": { "mode": "absolute", "steps": [ { "color": "blue" }, { "color": "#EAB839", "value": 0 } ] }, "unit": "degree" }, "overrides": [] }, "gridPos": { "h": 8, "w": 18, "x": 6, "y": 27 }, "id": 68, "maxDataPoints": 10, "options": { "colWidth": 0.95, "legend": { "displayMode": "list", "placement": "bottom" }, "rowHeight": 0.9, "showValue": "auto" }, "targets": [ { "alias": "__house_locations", "max": 40, "min": -10, "noise": 5, "refId": "A", "scenarioId": "random_walk", "seriesCount": 4, "spread": 20, "startValue": 10 } ], "title": "State timeline with time series + thresholds", "type": "status-history" }, { "datasource": "gdev-testdata", "fieldConfig": { "defaults": { "color": { "mode": "continuous-GrYlRd" }, "custom": { "fillOpacity": 70, "lineWidth": 1 }, "mappings": [ { "options": { "match": "true", "result": { "color": "green", "index": 0, "text": "True" } }, "type": "special" }, { "options": { "match": "false", "result": { "color": "red", "index": 1, "text": "False" } }, "type": "special" } ], "max": 40, "min": -10, "thresholds": { "mode": "absolute", "steps": [ { "color": "blue" }, { "color": "#EAB839", "value": 0 } ] }, "unit": "degree" }, "overrides": [] }, "gridPos": { "h": 5, "w": 18, "x": 6, "y": 35 }, "id": 69, "maxDataPoints": 10, "options": { "colWidth": 0.95, "legend": { "displayMode": "list", "placement": "bottom" }, "rowHeight": 0.9, "showValue": "auto" }, "targets": [ { "alias": "SensorA", "refId": "A", "scenarioId": "csv_metric_values", "stringInput": "true,false,true,false,true,true,true,true,false" }, { "alias": "SensorB", "hide": false, "refId": "B", "scenarioId": "csv_metric_values", "stringInput": "true,true,true,false,true,true,false,true,false" } ], "title": "Status history - boolean values", "type": "status-history" }, { "datasource": "gdev-testdata", "gridPos": { "h": 3, "w": 24, "x": 0, "y": 40 }, "id": 59, "links": [], "options": { "content": "## Bar chart \n\nA new bar chart panel adds new graphing capabilities to Grafana, especially for non\ntime series based data. It supports a categorical x or y field, grouped bars, horizontal \nand vertical layout. ", "mode": "markdown" }, "pluginVersion": "8.1.0-pre", "targets": [ { "alias": "__server_names", "refId": "A", "scenarioId": "random_walk", "seriesCount": 6 } ], "type": "text" }, { "datasource": "gdev-testdata", "fieldConfig": { "defaults": { "color": { "fixedColor": "blue", "mode": "fixed" }, "custom": { "axisLabel": "", "axisPlacement": "auto", "axisSoftMin": 0, "fillOpacity": 74, "gradientMode": "none", "hideFrom": { "viz": false, "legend": false, "tooltip": false }, "lineWidth": 1 }, "mappings": [], "thresholds": { "mode": "absolute", "steps": [ { "color": "green" }, { "color": "red", "value": 80 } ] } }, "overrides": [ { "matcher": { "id": "byName", "options": "pressure" }, "properties": [ { "id": "color", "value": { "fixedColor": "red", "mode": "fixed" } } ] } ] }, "gridPos": { "h": 10, "w": 12, "x": 0, "y": 43 }, "id": 73, "options": { "barWidth": 0.81, "groupWidth": 0.7, "legend": { "calcs": [], "displayMode": "hidden", "placement": "right" }, "orientation": "horizontal", "showValue": "auto", "text": {}, "tooltip": { "mode": "single" } }, "targets": [ { "csvFileName": "browser_marketshare.csv", "refId": "A", "scenarioId": "csv_file" } ], "title": "Browser market share", "transformations": [ { "id": "filterByValue", "options": { "filters": [ { "config": { "id": "greater", "options": { "value": 0.37 } }, "fieldName": "Market share" } ], "match": "any", "type": "include" } }, { "id": "sortBy", "options": { "fields": {}, "sort": [ { "desc": true, "field": "Market share" } ] } } ], "type": "barchart" }, { "datasource": "gdev-testdata", "fieldConfig": { "defaults": { "color": { "mode": "palette-classic" }, "custom": { "axisLabel": "", "axisPlacement": "auto", "axisSoftMin": 0, "fillOpacity": 80, "gradientMode": "none", "hideFrom": { "viz": false, "legend": false, "tooltip": false }, "lineWidth": 1 }, "mappings": [ { "options": { "match": "true", "result": { "color": "green", "index": 0, "text": "True" } }, "type": "special" }, { "options": { "match": "false", "result": { "color": "red", "index": 1, "text": "False" } }, "type": "special" } ], "thresholds": { "mode": "absolute", "steps": [ { "color": "blue" } ] }, "unit": "short" }, "overrides": [] }, "gridPos": { "h": 10, "w": 12, "x": 12, "y": 43 }, "id": 74, "maxDataPoints": 10, "options": { "barWidth": 0.97, "groupWidth": 0.7, "legend": { "calcs": [], "displayMode": "list", "placement": "right" }, "orientation": "auto", "showValue": "auto", "text": {}, "tooltip": { "mode": "single" } }, "targets": [ { "alias": "SensorA", "csvFileName": "js_libraries.csv", "refId": "A", "scenarioId": "csv_file" } ], "title": "Popular JS Frameworks", "type": "barchart" }, { "datasource": "gdev-testdata", "gridPos": { "h": 3, "w": 24, "x": 0, "y": 53 }, "id": 71, "links": [], "options": { "content": "## Next-gen Graph\n\nThe new next-gen graphing visualization named `Time series` is now the default\nvisualization in v8. It supports many new options as well as improved performance.\nBelow we highlight some new features. ", "mode": "markdown" }, "pluginVersion": "8.1.0-pre", "targets": [ { "alias": "__server_names", "refId": "A", "scenarioId": "random_walk", "seriesCount": 6 } ], "type": "text" }, { "datasource": "gdev-testdata", "gridPos": { "h": 6, "w": 6, "x": 0, "y": 56 }, "id": 25, "links": [], "options": { "content": "### Interpolation modes\n\nThe new time series panel brings a new interpolation mode\nwhere you can choose between.\n* Linear\n* Smooth\n* Step before\n* Step after (same as old staircase option)", "mode": "markdown" }, "pluginVersion": "8.1.0-pre", "targets": [ { "alias": "__server_names", "refId": "A", "scenarioId": "random_walk", "seriesCount": 6 } ], "type": "text" }, { "datasource": "gdev-testdata", "fieldConfig": { "defaults": { "color": { "mode": "palette-classic" }, "custom": { "axisLabel": "", "axisPlacement": "auto", "barAlignment": 0, "drawStyle": "line", "fillOpacity": 50, "gradientMode": "hue", "hideFrom": { "viz": false, "legend": false, "tooltip": false }, "lineInterpolation": "smooth", "lineWidth": 2, "pointSize": 5, "scaleDistribution": { "type": "linear" }, "showPoints": "never", "spanNulls": false, "stacking": { "group": "A", "mode": "none" }, "thresholdsStyle": { "mode": "off" } }, "mappings": [], "thresholds": { "mode": "absolute", "steps": [ { "color": "green" }, { "color": "red", "value": 80 } ] } }, "overrides": [ { "matcher": { "id": "byName", "options": "Requests/s" }, "properties": [ { "id": "color", "value": { "fixedColor": "orange", "mode": "fixed" } } ] } ] }, "gridPos": { "h": 6, "w": 6, "x": 6, "y": 56 }, "id": 23, "maxDataPoints": 80, "options": { "legend": { "calcs": [], "displayMode": "hidden", "placement": "bottom" }, "tooltip": { "mode": "single" } }, "pluginVersion": "7.4.0-beta1", "targets": [ { "alias": "Requests/s", "csvWave": { "timeStep": 60, "valuesCSV": "0,0,2,2,1,1" }, "lines": 10, "points": [], "pulseWave": { "offCount": 3, "offValue": 1, "onCount": 3, "onValue": 2, "timeStep": 60 }, "refId": "A", "scenarioId": "random_walk", "seriesCount": 1, "stream": { "bands": 1, "noise": 2.2, "speed": 250, "spread": 3.5, "type": "signal" }, "stringInput": "" } ], "title": "Interpolation mode: smooth", "type": "timeseries" }, { "datasource": "gdev-testdata", "fieldConfig": { "defaults": { "color": { "mode": "palette-classic" }, "custom": { "axisLabel": "", "axisPlacement": "auto", "barAlignment": 0, "drawStyle": "line", "fillOpacity": 40, "gradientMode": "hue", "hideFrom": { "viz": false, "legend": false, "tooltip": false }, "lineInterpolation": "stepBefore", "lineWidth": 2, "pointSize": 8, "scaleDistribution": { "type": "linear" }, "showPoints": "always", "spanNulls": false, "stacking": { "group": "A", "mode": "none" }, "thresholdsStyle": { "mode": "off" } }, "mappings": [], "thresholds": { "mode": "absolute", "steps": [ { "color": "green" }, { "color": "red", "value": 80 } ] } }, "overrides": [ { "matcher": { "id": "byName", "options": "Requests/s" }, "properties": [ { "id": "color", "value": { "fixedColor": "blue", "mode": "fixed" } } ] } ] }, "gridPos": { "h": 6, "w": 6, "x": 12, "y": 56 }, "id": 26, "maxDataPoints": 80, "options": { "legend": { "calcs": [], "displayMode": "hidden", "placement": "bottom" }, "tooltip": { "mode": "single" } }, "pluginVersion": "7.4.0-beta1", "targets": [ { "alias": "Requests/s", "csvWave": { "timeStep": 60, "valuesCSV": "0,0,2,2,1,1" }, "lines": 10, "points": [], "pulseWave": { "offCount": 3, "offValue": 1, "onCount": 3, "onValue": 2, "timeStep": 60 }, "refId": "A", "scenarioId": "csv_metric_values", "seriesCount": 1, "stream": { "bands": 1, "noise": 2.2, "speed": 250, "spread": 3.5, "type": "signal" }, "stringInput": "1,20,90,30,5,0" } ], "title": "Interpolation mode: Step before", "type": "timeseries" }, { "datasource": "gdev-testdata", "fieldConfig": { "defaults": { "color": { "mode": "palette-classic" }, "custom": { "axisLabel": "", "axisPlacement": "auto", "barAlignment": 0, "drawStyle": "line", "fillOpacity": 40, "gradientMode": "hue", "hideFrom": { "viz": false, "legend": false, "tooltip": false }, "lineInterpolation": "stepAfter", "lineWidth": 2, "pointSize": 8, "scaleDistribution": { "type": "linear" }, "showPoints": "always", "spanNulls": false, "stacking": { "group": "A", "mode": "none" }, "thresholdsStyle": { "mode": "off" } }, "mappings": [], "thresholds": { "mode": "absolute", "steps": [ { "color": "green" }, { "color": "red", "value": 80 } ] } }, "overrides": [ { "matcher": { "id": "byName", "options": "Requests/s" }, "properties": [ { "id": "color", "value": { "fixedColor": "blue", "mode": "fixed" } } ] } ] }, "gridPos": { "h": 6, "w": 6, "x": 18, "y": 56 }, "id": 27, "maxDataPoints": 80, "options": { "legend": { "calcs": [], "displayMode": "hidden", "placement": "bottom" }, "tooltip": { "mode": "single" } }, "pluginVersion": "7.4.0-beta1", "targets": [ { "alias": "Requests/s", "csvWave": { "timeStep": 60, "valuesCSV": "0,0,2,2,1,1" }, "lines": 10, "points": [], "pulseWave": { "offCount": 3, "offValue": 1, "onCount": 3, "onValue": 2, "timeStep": 60 }, "refId": "A", "scenarioId": "csv_metric_values", "seriesCount": 1, "stream": { "bands": 1, "noise": 2.2, "speed": 250, "spread": 3.5, "type": "signal" }, "stringInput": "1,20,90,30,5,0" } ], "title": "Interpolation mode: Step after", "type": "timeseries" }, { "datasource": "gdev-testdata", "gridPos": { "h": 8, "w": 6, "x": 0, "y": 62 }, "id": 43, "links": [], "options": { "content": "### Soft min and max\n\nAuto **Min** and **Max** can make small variations look much bigger than they are. This can be fixed by setting **Min** & **Max**. \nThis creates a new problem when spikes in the data occur. Because the \n**Min** and **Max** are hard the full spike cannot be seen. The **Soft min** and **Soft max** options give control over the default range of the axis but also allow going beyond this range when the data does. \n\nYou can combine both the existing standard option **Min** and **Max** and the new **Soft min**\n and **Soft max** to define both soft and hard limits. ", "mode": "markdown" }, "pluginVersion": "8.1.0-pre", "targets": [ { "alias": "__server_names", "refId": "A", "scenarioId": "random_walk", "seriesCount": 6 } ], "type": "text" }, { "datasource": "gdev-testdata", "fieldConfig": { "defaults": { "color": { "mode": "palette-classic" }, "custom": { "axisLabel": "", "axisPlacement": "auto", "barAlignment": 0, "drawStyle": "line", "fillOpacity": 10, "gradientMode": "none", "hideFrom": { "viz": false, "legend": false, "tooltip": false }, "lineInterpolation": "linear", "lineWidth": 1, "pointSize": 6, "scaleDistribution": { "type": "linear" }, "showPoints": "never", "spanNulls": true, "stacking": { "group": "A", "mode": "none" }, "thresholdsStyle": { "mode": "off" } }, "mappings": [], "thresholds": { "mode": "absolute", "steps": [ { "color": "green" }, { "color": "red", "value": 80 } ] }, "unit": "degree" }, "overrides": [] }, "gridPos": { "h": 8, "w": 6, "x": 6, "y": 62 }, "id": 41, "options": { "graph": {}, "legend": { "calcs": [], "displayMode": "list", "placement": "bottom" }, "tooltip": { "mode": "single" } }, "pluginVersion": "7.4.0-beta1", "targets": [ { "alias": "", "csvWave": { "timeStep": 60, "valuesCSV": "0,0,2,2,1,1" }, "lines": 10, "points": [], "pulseWave": { "offCount": 3, "offValue": 1, "onCount": 3, "onValue": 2, "timeStep": 60 }, "refId": "A", "scenarioId": "csv_metric_values", "stream": { "bands": 1, "noise": 2.2, "speed": 250, "spread": 3.5, "type": "signal" }, "stringInput": "10,11,12,11,10,11,12,12,11,10,9,10,11,12,10,10,11,12,13,11,10,9,10,11,12,13,14,10,10" } ], "title": "Auto min max", "type": "timeseries" }, { "datasource": "gdev-testdata", "description": "", "fieldConfig": { "defaults": { "color": { "mode": "palette-classic" }, "custom": { "axisLabel": "", "axisPlacement": "auto", "barAlignment": 0, "drawStyle": "line", "fillOpacity": 10, "gradientMode": "none", "hideFrom": { "viz": false, "legend": false, "tooltip": false }, "lineInterpolation": "linear", "lineWidth": 1, "pointSize": 6, "scaleDistribution": { "type": "linear" }, "showPoints": "never", "spanNulls": true, "stacking": { "group": "A", "mode": "none" }, "thresholdsStyle": { "mode": "off" } }, "mappings": [], "max": 30, "min": 0, "thresholds": { "mode": "absolute", "steps": [ { "color": "green" }, { "color": "red", "value": 80 } ] }, "unit": "degree" }, "overrides": [] }, "gridPos": { "h": 8, "w": 6, "x": 12, "y": 62 }, "id": 32, "options": { "graph": {}, "legend": { "calcs": [], "displayMode": "list", "placement": "bottom" }, "tooltip": { "mode": "single" } }, "pluginVersion": "7.4.0-beta1", "targets": [ { "alias": "", "csvWave": { "timeStep": 60, "valuesCSV": "0,0,2,2,1,1" }, "lines": 10, "points": [], "pulseWave": { "offCount": 3, "offValue": 1, "onCount": 3, "onValue": 2, "timeStep": 60 }, "refId": "A", "scenarioId": "csv_metric_values", "stream": { "bands": 1, "noise": 2.2, "speed": 250, "spread": 3.5, "type": "signal" }, "stringInput": "10,11,12,11,10,11,12,12,11,10,9,10,11,12,200,10,11,12,13,11,10,9,10,11,12,13,14,10,10" } ], "title": "Hard min 0, max 30", "type": "timeseries" }, { "datasource": "gdev-testdata", "description": "", "fieldConfig": { "defaults": { "color": { "mode": "palette-classic" }, "custom": { "axisLabel": "", "axisPlacement": "auto", "axisSoftMax": 30, "axisSoftMin": 0, "barAlignment": 0, "drawStyle": "line", "fillOpacity": 10, "gradientMode": "none", "hideFrom": { "viz": false, "legend": false, "tooltip": false }, "lineInterpolation": "linear", "lineWidth": 1, "pointSize": 6, "scaleDistribution": { "type": "linear" }, "showPoints": "never", "spanNulls": true, "stacking": { "group": "A", "mode": "none" }, "thresholdsStyle": { "mode": "off" } }, "mappings": [], "thresholds": { "mode": "absolute", "steps": [ { "color": "green" }, { "color": "red", "value": 80 } ] }, "unit": "degree" }, "overrides": [] }, "gridPos": { "h": 8, "w": 6, "x": 18, "y": 62 }, "id": 44, "options": { "graph": {}, "legend": { "calcs": [], "displayMode": "list", "placement": "bottom" }, "tooltip": { "mode": "single" } }, "pluginVersion": "7.4.0-beta1", "targets": [ { "alias": "", "csvWave": { "timeStep": 60, "valuesCSV": "0,0,2,2,1,1" }, "lines": 10, "points": [], "pulseWave": { "offCount": 3, "offValue": 1, "onCount": 3, "onValue": 2, "timeStep": 60 }, "refId": "A", "scenarioId": "csv_metric_values", "stream": { "bands": 1, "noise": 2.2, "speed": 250, "spread": 3.5, "type": "signal" }, "stringInput": "10,11,12,11,10,11,12,12,11,10,9,10,11,12,200,10,11,12,13,11,10,9,10,11,12,13,14,10,10" } ], "title": "Soft min 0, soft max 30", "type": "timeseries" }, { "datasource": "gdev-testdata", "gridPos": { "h": 5, "w": 6, "x": 0, "y": 70 }, "id": 55, "links": [], "options": { "content": "### Multiple Y-Axes\n\nWith the new panel you can have more than 2 y-axes! ", "mode": "markdown" }, "pluginVersion": "8.1.0-pre", "targets": [ { "alias": "__server_names", "refId": "A", "scenarioId": "random_walk", "seriesCount": 6 } ], "type": "text" }, { "datasource": "gdev-testdata", "fieldConfig": { "defaults": { "color": { "mode": "palette-classic" }, "custom": { "axisLabel": "", "axisPlacement": "auto", "axisSoftMax": 60, "axisSoftMin": 0, "barAlignment": 0, "drawStyle": "line", "fillOpacity": 0, "gradientMode": "opacity", "hideFrom": { "viz": false, "legend": false, "tooltip": false }, "lineInterpolation": "linear", "lineWidth": 2, "pointSize": 6, "scaleDistribution": { "type": "linear" }, "showPoints": "never", "spanNulls": true, "stacking": { "group": "A", "mode": "none" }, "thresholdsStyle": { "mode": "off" } }, "mappings": [], "thresholds": { "mode": "absolute", "steps": [ { "color": "green" }, { "color": "red", "value": 80 } ] }, "unit": "short" }, "overrides": [ { "matcher": { "id": "byName", "options": "Temperature" }, "properties": [ { "id": "unit", "value": "celsius" }, { "id": "custom.axisPlacement", "value": "right" } ] }, { "matcher": { "id": "byName", "options": "Pressure" }, "properties": [ { "id": "unit", "value": "pressurekpa" }, { "id": "custom.axisPlacement", "value": "right" } ] }, { "matcher": { "id": "byName", "options": "Energy" }, "properties": [ { "id": "unit", "value": "watt" }, { "id": "custom.axisPlacement", "value": "left" } ] } ] }, "gridPos": { "h": 5, "w": 18, "x": 6, "y": 70 }, "id": 54, "maxDataPoints": 50, "options": { "legend": { "calcs": [ "last" ], "displayMode": "list", "placement": "bottom" }, "tooltip": { "mode": "multi" } }, "pluginVersion": "7.4.0-beta1", "targets": [ { "alias": "Temperature", "csvWave": { "timeStep": 60, "valuesCSV": "0,0,2,2,1,1" }, "lines": 10, "points": [], "pulseWave": { "offCount": 3, "offValue": 1, "onCount": 3, "onValue": 2, "timeStep": 60 }, "refId": "A", "scenarioId": "csv_metric_values", "stream": { "bands": 1, "noise": 2.2, "speed": 250, "spread": 3.5, "type": "signal" }, "stringInput": "20,25,30,18,35,20,30,25" }, { "alias": "Pressure", "csvWave": { "timeStep": 60, "valuesCSV": "0,0,2,2,1,1" }, "hide": false, "lines": 10, "points": [], "pulseWave": { "offCount": 3, "offValue": 1, "onCount": 3, "onValue": 2, "timeStep": 60 }, "refId": "B", "scenarioId": "csv_metric_values", "stream": { "bands": 1, "noise": 2.2, "speed": 250, "spread": 3.5, "type": "signal" }, "stringInput": "320,230,120,180,400,340,50,270" }, { "alias": "Energy", "csvWave": { "timeStep": 60, "valuesCSV": "0,0,2,2,1,1" }, "hide": false, "lines": 10, "max": 300, "min": 100, "noise": 10, "points": [], "pulseWave": { "offCount": 3, "offValue": 1, "onCount": 3, "onValue": 2, "timeStep": 60 }, "refId": "C", "scenarioId": "random_walk", "spread": 100, "startValue": 0, "stream": { "bands": 1, "noise": 2.2, "speed": 250, "spread": 3.5, "type": "signal" }, "stringInput": "" } ], "title": "Multiple Y-Axes (more than 2!)", "type": "timeseries" }, { "datasource": "gdev-testdata", "gridPos": { "h": 5, "w": 6, "x": 0, "y": 75 }, "id": 51, "links": [], "options": { "content": "### Richer display options\n\nThe new time series panel supports more control over lines, fill gradients that \nwork for both line, area graphs & bars. ", "mode": "markdown" }, "pluginVersion": "8.1.0-pre", "targets": [ { "alias": "__server_names", "refId": "A", "scenarioId": "random_walk", "seriesCount": 6 } ], "type": "text" }, { "datasource": "gdev-testdata", "fieldConfig": { "defaults": { "color": { "mode": "palette-classic" }, "custom": { "axisLabel": "", "axisPlacement": "auto", "barAlignment": 0, "drawStyle": "line", "fillOpacity": 0, "gradientMode": "none", "hideFrom": { "viz": false, "legend": false, "tooltip": false }, "lineInterpolation": "linear", "lineStyle": { "dash": [ 10, 10 ], "fill": "dash" }, "lineWidth": 2, "pointSize": 5, "scaleDistribution": { "type": "linear" }, "showPoints": "auto", "spanNulls": false, "stacking": { "group": "A", "mode": "none" }, "thresholdsStyle": { "mode": "off" } }, "mappings": [], "thresholds": { "mode": "absolute", "steps": [ { "color": "green" }, { "color": "red", "value": 80 } ] } }, "overrides": [ { "matcher": { "id": "byName", "options": "B-series" }, "properties": [ { "id": "custom.lineStyle", "value": { "dash": [ 10, 20 ], "fill": "dash" } } ] }, { "matcher": { "id": "byName", "options": "C-series" }, "properties": [ { "id": "custom.lineStyle", "value": { "dash": [ 10, 30 ], "fill": "dash" } } ] }, { "matcher": { "id": "byName", "options": "D-series" }, "properties": [ { "id": "custom.lineStyle", "value": { "dash": [ 30, 3, 3 ], "fill": "dash" } } ] }, { "matcher": { "id": "byName", "options": "E-series" }, "properties": [ { "id": "custom.lineStyle" } ] }, { "matcher": { "id": "byName", "options": "F-series" }, "properties": [ { "id": "custom.lineStyle", "value": { "dash": [ 0, 10 ], "fill": "dot" } } ] } ] }, "gridPos": { "h": 5, "w": 6, "x": 6, "y": 75 }, "id": 48, "options": { "legend": { "calcs": [], "displayMode": "hidden", "placement": "bottom" }, "tooltip": { "mode": "single" } }, "pluginVersion": "7.4.0-beta1", "targets": [ { "alias": "", "csvWave": { "timeStep": 60, "valuesCSV": "0,0,2,2,1,1" }, "lines": 10, "points": [], "pulseWave": { "offCount": 3, "offValue": 1, "onCount": 3, "onValue": 2, "timeStep": 60 }, "refId": "A", "scenarioId": "csv_metric_values", "stream": { "bands": 1, "noise": 2.2, "speed": 250, "spread": 3.5, "type": "signal" }, "stringInput": "10,10" }, { "alias": "", "csvWave": { "timeStep": 60, "valuesCSV": "0,0,2,2,1,1" }, "lines": 10, "points": [], "pulseWave": { "offCount": 3, "offValue": 1, "onCount": 3, "onValue": 2, "timeStep": 60 }, "refId": "B", "scenarioId": "csv_metric_values", "stream": { "bands": 1, "noise": 2.2, "speed": 250, "spread": 3.5, "type": "signal" }, "stringInput": "9,9" }, { "alias": "", "csvWave": { "timeStep": 60, "valuesCSV": "0,0,2,2,1,1" }, "lines": 10, "points": [], "pulseWave": { "offCount": 3, "offValue": 1, "onCount": 3, "onValue": 2, "timeStep": 60 }, "refId": "C", "scenarioId": "csv_metric_values", "stream": { "bands": 1, "noise": 2.2, "speed": 250, "spread": 3.5, "type": "signal" }, "stringInput": "8,8" }, { "alias": "", "csvWave": { "timeStep": 60, "valuesCSV": "0,0,2,2,1,1" }, "lines": 10, "points": [], "pulseWave": { "offCount": 3, "offValue": 1, "onCount": 3, "onValue": 2, "timeStep": 60 }, "refId": "D", "scenarioId": "csv_metric_values", "stream": { "bands": 1, "noise": 2.2, "speed": 250, "spread": 3.5, "type": "signal" }, "stringInput": "7,7" }, { "alias": "", "csvWave": { "timeStep": 60, "valuesCSV": "0,0,2,2,1,1" }, "lines": 10, "points": [], "pulseWave": { "offCount": 3, "offValue": 1, "onCount": 3, "onValue": 2, "timeStep": 60 }, "refId": "E", "scenarioId": "csv_metric_values", "stream": { "bands": 1, "noise": 2.2, "speed": 250, "spread": 3.5, "type": "signal" }, "stringInput": "6,6" }, { "alias": "", "csvWave": { "timeStep": 60, "valuesCSV": "0,0,2,2,1,1" }, "lines": 10, "points": [], "pulseWave": { "offCount": 3, "offValue": 1, "onCount": 3, "onValue": 2, "timeStep": 60 }, "refId": "F", "scenarioId": "csv_metric_values", "stream": { "bands": 1, "noise": 2.2, "speed": 250, "spread": 3.5, "type": "signal" }, "stringInput": "5,5" } ], "title": "Advanced dashed line settings", "type": "timeseries" }, { "datasource": "gdev-testdata", "fieldConfig": { "defaults": { "color": { "mode": "palette-classic" }, "custom": { "axisLabel": "", "axisPlacement": "auto", "barAlignment": 0, "drawStyle": "line", "fillOpacity": 0, "gradientMode": "none", "hideFrom": { "viz": false, "legend": false, "tooltip": false }, "lineInterpolation": "linear", "lineStyle": { "dash": [ 10, 10 ], "fill": "dash" }, "lineWidth": 2, "pointSize": 5, "scaleDistribution": { "type": "linear" }, "showPoints": "auto", "spanNulls": false, "stacking": { "group": "A", "mode": "none" }, "thresholdsStyle": { "mode": "off" } }, "mappings": [], "thresholds": { "mode": "absolute", "steps": [ { "color": "green" }, { "color": "red", "value": 80 } ] } }, "overrides": [ { "matcher": { "id": "byName", "options": "B-series" }, "properties": [ { "id": "custom.lineStyle", "value": { "dash": [ 10, 20 ], "fill": "dash" } } ] }, { "matcher": { "id": "byName", "options": "C-series" }, "properties": [ { "id": "custom.lineStyle", "value": { "dash": [ 10, 30 ], "fill": "dash" } } ] }, { "matcher": { "id": "byName", "options": "D-series" }, "properties": [ { "id": "custom.lineStyle", "value": { "dash": [ 30, 3, 3 ], "fill": "dash" } } ] }, { "matcher": { "id": "byName", "options": "E-series" }, "properties": [ { "id": "custom.lineStyle" } ] }, { "matcher": { "id": "byName", "options": "F-series" }, "properties": [ { "id": "custom.lineStyle", "value": { "dash": [ 0, 10 ], "fill": "dot" } } ] } ] }, "gridPos": { "h": 5, "w": 6, "x": 12, "y": 75 }, "id": 76, "options": { "legend": { "calcs": [], "displayMode": "hidden", "placement": "bottom" }, "tooltip": { "mode": "single" } }, "pluginVersion": "7.4.0-beta1", "targets": [ { "alias": "", "csvWave": { "timeStep": 60, "valuesCSV": "0,0,2,2,1,1" }, "lines": 10, "points": [], "pulseWave": { "offCount": 3, "offValue": 1, "onCount": 3, "onValue": 2, "timeStep": 60 }, "refId": "A", "scenarioId": "csv_metric_values", "stream": { "bands": 1, "noise": 2.2, "speed": 250, "spread": 3.5, "type": "signal" }, "stringInput": "10,10" }, { "alias": "", "csvWave": { "timeStep": 60, "valuesCSV": "0,0,2,2,1,1" }, "lines": 10, "points": [], "pulseWave": { "offCount": 3, "offValue": 1, "onCount": 3, "onValue": 2, "timeStep": 60 }, "refId": "B", "scenarioId": "csv_metric_values", "stream": { "bands": 1, "noise": 2.2, "speed": 250, "spread": 3.5, "type": "signal" }, "stringInput": "9,9" }, { "alias": "", "csvWave": { "timeStep": 60, "valuesCSV": "0,0,2,2,1,1" }, "lines": 10, "points": [], "pulseWave": { "offCount": 3, "offValue": 1, "onCount": 3, "onValue": 2, "timeStep": 60 }, "refId": "C", "scenarioId": "csv_metric_values", "stream": { "bands": 1, "noise": 2.2, "speed": 250, "spread": 3.5, "type": "signal" }, "stringInput": "8,8" }, { "alias": "", "csvWave": { "timeStep": 60, "valuesCSV": "0,0,2,2,1,1" }, "lines": 10, "points": [], "pulseWave": { "offCount": 3, "offValue": 1, "onCount": 3, "onValue": 2, "timeStep": 60 }, "refId": "D", "scenarioId": "csv_metric_values", "stream": { "bands": 1, "noise": 2.2, "speed": 250, "spread": 3.5, "type": "signal" }, "stringInput": "7,7" }, { "alias": "", "csvWave": { "timeStep": 60, "valuesCSV": "0,0,2,2,1,1" }, "lines": 10, "points": [], "pulseWave": { "offCount": 3, "offValue": 1, "onCount": 3, "onValue": 2, "timeStep": 60 }, "refId": "E", "scenarioId": "csv_metric_values", "stream": { "bands": 1, "noise": 2.2, "speed": 250, "spread": 3.5, "type": "signal" }, "stringInput": "6,6" }, { "alias": "", "csvWave": { "timeStep": 60, "valuesCSV": "0,0,2,2,1,1" }, "lines": 10, "points": [], "pulseWave": { "offCount": 3, "offValue": 1, "onCount": 3, "onValue": 2, "timeStep": 60 }, "refId": "F", "scenarioId": "csv_metric_values", "stream": { "bands": 1, "noise": 2.2, "speed": 250, "spread": 3.5, "type": "signal" }, "stringInput": "5,5" } ], "title": "Advanced dashed line settings", "type": "timeseries" }, { "datasource": "gdev-testdata", "fieldConfig": { "defaults": { "color": { "mode": "palette-classic" }, "custom": { "axisLabel": "", "axisPlacement": "auto", "barAlignment": 0, "drawStyle": "bars", "fillOpacity": 82, "gradientMode": "hue", "hideFrom": { "viz": false, "legend": false, "tooltip": false }, "lineInterpolation": "linear", "lineStyle": { "dash": [ 10, 10 ], "fill": "solid" }, "lineWidth": 1, "pointSize": 5, "scaleDistribution": { "type": "linear" }, "showPoints": "auto", "spanNulls": false, "stacking": { "group": "A", "mode": "none" }, "thresholdsStyle": { "mode": "off" } }, "mappings": [], "thresholds": { "mode": "absolute", "steps": [ { "color": "green" }, { "color": "red", "value": 80 } ] } }, "overrides": [ { "matcher": { "id": "byName", "options": "A-series" }, "properties": [ { "id": "color", "value": { "fixedColor": "orange", "mode": "fixed" } } ] } ] }, "gridPos": { "h": 5, "w": 6, "x": 18, "y": 75 }, "id": 50, "maxDataPoints": 6, "options": { "legend": { "calcs": [], "displayMode": "hidden", "placement": "bottom" }, "tooltip": { "mode": "single" } }, "pluginVersion": "7.4.0-beta1", "targets": [ { "alias": "", "csvWave": { "timeStep": 60, "valuesCSV": "0,0,2,2,1,1" }, "hide": false, "lines": 10, "points": [], "pulseWave": { "offCount": 3, "offValue": 1, "onCount": 3, "onValue": 2, "timeStep": 60 }, "refId": "A", "scenarioId": "random_walk", "stream": { "bands": 1, "noise": 2.2, "speed": 250, "spread": 3.5, "type": "signal" }, "stringInput": "1,20,90,30,5,0" } ], "title": "Bars with hue gradient", "type": "timeseries" }, { "datasource": "gdev-testdata", "gridPos": { "h": 3, "w": 24, "x": 0, "y": 80 }, "id": 75, "links": [], "options": { "content": "## Histogram\n\nThis hidden feature of the old Graph panel is now a standalone visualization. It combines a histogram \ntransformation and bar chart visualization into single integrated easy to use panel. There is also a new standalone histogram \ntransformation that can be paired with any visualization. ", "mode": "markdown" }, "pluginVersion": "8.1.0-pre", "targets": [ { "alias": "__server_names", "refId": "A", "scenarioId": "random_walk", "seriesCount": 6 } ], "type": "text" }, { "datasource": "gdev-testdata", "fieldConfig": { "defaults": { "color": { "mode": "palette-classic" }, "custom": { "fillOpacity": 80, "gradientMode": "hue", "hideFrom": { "viz": false, "legend": false, "tooltip": false }, "lineWidth": 1 }, "mappings": [], "thresholds": { "mode": "absolute", "steps": [ { "color": "green" }, { "color": "red", "value": 80 } ] } }, "overrides": [ { "matcher": { "id": "byName", "options": "A-series" }, "properties": [ { "id": "color", "value": { "fixedColor": "blue", "mode": "fixed" } } ] } ] }, "gridPos": { "h": 11, "w": 12, "x": 0, "y": 83 }, "id": 49, "options": { "bucketOffset": 0, "bucketSize": 10, "legend": { "calcs": [], "displayMode": "hidden", "placement": "bottom" } }, "pluginVersion": "7.4.0-beta1", "targets": [ { "alias": "", "csvWave": { "timeStep": 60, "valuesCSV": "0,0,2,2,1,1" }, "hide": false, "lines": 10, "max": 100, "min": 1, "noise": 10, "points": [], "pulseWave": { "offCount": 3, "offValue": 1, "onCount": 3, "onValue": 2, "timeStep": 60 }, "refId": "A", "scenarioId": "random_walk", "spread": 10, "startValue": 50, "stream": { "bands": 1, "noise": 2.2, "speed": 250, "spread": 3.5, "type": "signal" }, "stringInput": "1,20,90,30,5,0" } ], "title": "Histogram visualization", "type": "histogram" }, { "datasource": "gdev-testdata", "fieldConfig": { "defaults": { "color": { "mode": "thresholds" }, "custom": { "align": "auto", "displayMode": "auto" }, "mappings": [], "thresholds": { "mode": "absolute", "steps": [ { "color": "green" }, { "color": "red", "value": 80 } ] } }, "overrides": [ { "matcher": { "id": "byName", "options": "A-series" }, "properties": [ { "id": "color", "value": { "fixedColor": "blue", "mode": "fixed" } } ] } ] }, "gridPos": { "h": 11, "w": 12, "x": 12, "y": 83 }, "id": 77, "options": { "showHeader": true }, "pluginVersion": "8.1.0-pre", "targets": [ { "alias": "", "csvWave": { "timeStep": 60, "valuesCSV": "0,0,2,2,1,1" }, "hide": false, "lines": 10, "max": 100, "min": 1, "noise": 10, "points": [], "pulseWave": { "offCount": 3, "offValue": 1, "onCount": 3, "onValue": 2, "timeStep": 60 }, "refId": "A", "scenarioId": "random_walk", "spread": 10, "startValue": 50, "stream": { "bands": 1, "noise": 2.2, "speed": 250, "spread": 3.5, "type": "signal" }, "stringInput": "1,20,90,30,5,0" } ], "title": "Histogram transform ", "transformations": [ { "id": "histogram", "options": { "bucketSize": 10, "combine": true, "fields": {} } } ], "type": "table" } ], "refresh": false, "schemaVersion": 30, "style": "dark", "tags": [ "gdev", "demo" ], "templating": { "list": [] }, "time": { "from": "now-6h", "to": "now" }, "timepicker": { "refresh_intervals": [ "10s", "30s", "1m", "5m", "15m", "30m", "1h", "2h", "1d" ] }, "timezone": "", "title": "New Features in v8.0", "uid": "8mux8PqGz", "version": 17 }