{ "annotations": { "list": [ { "builtIn": 1, "datasource": { "type": "datasource", "uid": "grafana" }, "enable": true, "hide": true, "iconColor": "rgba(0, 211, 255, 1)", "name": "Annotations & Alerts", "target": { "limit": 100, "matchAny": false, "tags": [], "type": "dashboard" }, "type": "dashboard" } ] }, "editable": true, "fiscalYearStartMonth": 0, "graphTooltip": 0, "id": 75, "links": [], "liveNow": false, "panels": [ { "datasource": { "type": "testdata", "uid": "PD8C576611E62080A" }, "fieldConfig": { "defaults": { "color": { "mode": "palette-classic" }, "custom": { "axisLabel": "", "axisPlacement": "auto", "axisSoftMin": 0, "fillOpacity": 80, "gradientMode": "none", "hideFrom": { "legend": false, "tooltip": false, "viz": false }, "lineWidth": 0, "scaleDistribution": { "type": "linear" } }, "mappings": [], "thresholds": { "mode": "absolute", "steps": [ { "color": "green" }, { "color": "red", "value": 80 } ] } }, "overrides": [] }, "gridPos": { "h": 10, "w": 12, "x": 0, "y": 0 }, "id": 9, "options": { "barRadius": 0, "barWidth": 1, "groupWidth": 0.82, "legend": { "calcs": [ "max" ], "displayMode": "list", "placement": "right" }, "orientation": "auto", "showValue": "auto", "stacking": "none", "text": {}, "tooltip": { "mode": "single", "sort": "none" }, "xTickLabelRotation": 0, "xTickLabelSpacing": 0 }, "targets": [ { "csvContent": "Time,Name,Stat1,Stat2\n2020-01-01T00:00:00Z,Stockholm, 10, 15\n2020-01-01T00:00:00Z,New York, 19, 5\n2020-01-01T00:00:00Z,London, 10, 1\n2020-01-01T00:00:00Z,Negative, 15, -5\n2020-01-01T00:00:00Z,Long value, 15,10", "refId": "A", "scenarioId": "csv_content" } ], "title": "Auto sizing & auto show values", "type": "barchart" }, { "datasource": { "type": "testdata", "uid": "PD8C576611E62080A" }, "description": "Should be smaller given the longer value", "fieldConfig": { "defaults": { "color": { "mode": "palette-classic" }, "custom": { "axisLabel": "", "axisPlacement": "auto", "axisSoftMin": 0, "fillOpacity": 80, "gradientMode": "none", "hideFrom": { "legend": false, "tooltip": false, "viz": false }, "lineWidth": 0, "scaleDistribution": { "type": "linear" } }, "decimals": 2, "mappings": [], "thresholds": { "mode": "absolute", "steps": [ { "color": "green" }, { "color": "red", "value": 80 } ] } }, "overrides": [] }, "gridPos": { "h": 10, "w": 12, "x": 12, "y": 0 }, "id": 15, "options": { "barRadius": 0, "barWidth": 1, "groupWidth": 0.82, "legend": { "calcs": [ "max" ], "displayMode": "list", "placement": "right" }, "orientation": "auto", "showValue": "auto", "stacking": "none", "text": {}, "tooltip": { "mode": "single", "sort": "none" }, "xTickLabelRotation": 0, "xTickLabelSpacing": 0 }, "targets": [ { "csvContent": "Name,Stat1,Stat2\nStockholm, 10, 15\nNew York, 19, 5\nLondon, 10, 1\nNegative, 15, -5\nLong value, 15,10", "refId": "A", "scenarioId": "csv_content" } ], "title": "Auto sizing & auto show values", "type": "barchart" }, { "datasource": { "type": "testdata", "uid": "PD8C576611E62080A" }, "fieldConfig": { "defaults": { "color": { "mode": "palette-classic" }, "custom": { "axisLabel": "", "axisPlacement": "auto", "axisSoftMin": 0, "fillOpacity": 80, "gradientMode": "none", "hideFrom": { "legend": false, "tooltip": false, "viz": false }, "lineWidth": 0, "scaleDistribution": { "type": "linear" } }, "mappings": [], "thresholds": { "mode": "absolute", "steps": [ { "color": "green" }, { "color": "red", "value": 80 } ] } }, "overrides": [] }, "gridPos": { "h": 11, "w": 8, "x": 0, "y": 10 }, "id": 16, "options": { "barRadius": 0, "barWidth": 1, "groupWidth": 0.89, "legend": { "calcs": [ "max" ], "displayMode": "list", "placement": "right" }, "orientation": "auto", "showValue": "auto", "stacking": "none", "text": {}, "tooltip": { "mode": "single", "sort": "none" }, "xTickLabelRotation": 0, "xTickLabelSpacing": 0 }, "targets": [ { "csvContent": "Name,Stat1,Stat2,Stat3,Stat4,Stat5,Stat6,Stat7,Stat8,Stat9,Stat10\nA, 10, 15,8,3,4,12,14,1,5,10\nB, 19, 5,8,3,4,12,14,6,7,2\nC, 15, 5,8,3,4,10,4,6,7,2\n", "refId": "A", "scenarioId": "csv_content" } ], "title": "auto show values & No room for value", "type": "barchart" }, { "datasource": { "type": "testdata", "uid": "PD8C576611E62080A" }, "fieldConfig": { "defaults": { "color": { "mode": "palette-classic" }, "custom": { "axisLabel": "", "axisPlacement": "auto", "axisSoftMin": 0, "fillOpacity": 80, "gradientMode": "none", "hideFrom": { "legend": false, "tooltip": false, "viz": false }, "lineWidth": 0, "scaleDistribution": { "type": "linear" } }, "mappings": [], "thresholds": { "mode": "absolute", "steps": [ { "color": "green" }, { "color": "red", "value": 80 } ] } }, "overrides": [] }, "gridPos": { "h": 11, "w": 8, "x": 8, "y": 10 }, "id": 17, "options": { "barRadius": 0, "barWidth": 1, "groupWidth": 0.89, "legend": { "calcs": [ "max" ], "displayMode": "list", "placement": "right" }, "orientation": "auto", "showValue": "always", "stacking": "none", "text": {}, "tooltip": { "mode": "single", "sort": "none" }, "xTickLabelRotation": 0, "xTickLabelSpacing": 0 }, "targets": [ { "csvContent": "Name,Stat1,Stat2,Stat3,Stat4,Stat5,Stat6,Stat7,Stat8,Stat9,Stat10\nA, 10, 15,8,3,4,12,14,1,5,10\nB, 19, 5,8,3,4,12,14,6,7,2\nC, 15, 5,8,3,4,10,4,6,7,2\n", "refId": "A", "scenarioId": "csv_content" } ], "title": "auto show values & Always show value", "type": "barchart" }, { "datasource": { "type": "datasource", "uid": "-- Dashboard --" }, "fieldConfig": { "defaults": { "color": { "mode": "palette-classic" }, "custom": { "axisLabel": "", "axisPlacement": "auto", "axisSoftMin": 0, "fillOpacity": 80, "gradientMode": "none", "hideFrom": { "legend": false, "tooltip": false, "viz": false }, "lineWidth": 0, "scaleDistribution": { "type": "linear" } }, "mappings": [], "thresholds": { "mode": "absolute", "steps": [ { "color": "green" }, { "color": "red", "value": 80 } ] } }, "overrides": [] }, "gridPos": { "h": 11, "w": 8, "x": 16, "y": 10 }, "id": 10, "options": { "barRadius": 0, "barWidth": 1, "groupWidth": 1, "legend": { "calcs": [], "displayMode": "list", "placement": "bottom" }, "orientation": "auto", "showValue": "auto", "stacking": "none", "text": { "titleSize": 10, "valueSize": 25 }, "tooltip": { "mode": "single", "sort": "none" }, "xTickLabelRotation": 0, "xTickLabelSpacing": 0 }, "targets": [ { "panelId": 9, "refId": "A" } ], "title": "Fixed value sizing", "type": "barchart" }, { "datasource": { "type": "testdata", "uid": "PD8C576611E62080A" }, "fieldConfig": { "defaults": { "color": { "mode": "palette-classic" }, "custom": { "axisLabel": "", "axisPlacement": "auto", "axisSoftMin": 0, "fillOpacity": 80, "gradientMode": "none", "hideFrom": { "legend": false, "tooltip": false, "viz": false }, "lineWidth": 0, "scaleDistribution": { "type": "linear" } }, "decimals": 7, "mappings": [], "thresholds": { "mode": "absolute", "steps": [ { "color": "green" }, { "color": "red", "value": 80 } ] } }, "overrides": [] }, "gridPos": { "h": 11, "w": 12, "x": 0, "y": 21 }, "id": 18, "options": { "barRadius": 0, "barWidth": 1, "groupWidth": 0.82, "legend": { "calcs": [ "max" ], "displayMode": "list", "placement": "right" }, "orientation": "horizontal", "showValue": "auto", "stacking": "none", "text": {}, "tooltip": { "mode": "single", "sort": "none" }, "xTickLabelRotation": 0, "xTickLabelSpacing": 0 }, "targets": [ { "csvContent": "Name,Stat1,Stat2\nStockholm, 10, 15\nNew York, 19, -5\nLondon, 10, 1\nLong value, 15,10", "refId": "A", "scenarioId": "csv_content" } ], "title": "Auto sizing & auto show values", "type": "barchart" }, { "datasource": { "type": "testdata", "uid": "PD8C576611E62080A" }, "description": "", "fieldConfig": { "defaults": { "color": { "mode": "palette-classic" }, "custom": { "axisLabel": "", "axisPlacement": "auto", "axisSoftMin": 0, "fillOpacity": 80, "gradientMode": "none", "hideFrom": { "legend": false, "tooltip": false, "viz": false }, "lineWidth": 0, "scaleDistribution": { "type": "linear" } }, "mappings": [], "thresholds": { "mode": "absolute", "steps": [ { "color": "green" }, { "color": "red", "value": 80 } ] } }, "overrides": [] }, "gridPos": { "h": 11, "w": 12, "x": 12, "y": 21 }, "id": 19, "options": { "barRadius": 0, "barWidth": 1, "groupWidth": 0.89, "legend": { "calcs": [ "max" ], "displayMode": "list", "placement": "right" }, "orientation": "horizontal", "showValue": "auto", "stacking": "none", "text": {}, "tooltip": { "mode": "single", "sort": "none" }, "xTickLabelRotation": 0, "xTickLabelSpacing": 0 }, "targets": [ { "csvContent": "Name,Stat1,Stat2,Stat3,Stat4,Stat5,Stat6,Stat7,Stat8,Stat9,Stat10\nA, 10, 15,8,3,4,12,14,1,5,10\nB, 19, 5,8,3,4,12,14,6,7,2\nC, 15, 5,8,3,4,10,4,6,7,2\n", "refId": "A", "scenarioId": "csv_content" } ], "title": "auto show values & little room", "type": "barchart" } ], "refresh": "", "schemaVersion": 36, "style": "dark", "tags": [ "gdev", "panel-tests", "barchart", "graph-ng" ], "templating": { "list": [] }, "time": { "from": "now-5m", "to": "now" }, "timepicker": {}, "timezone": "", "title": "BarChart - Panel Tests - Value sizing", "uid": "WFlOM-jM1", "version": 6, "weekStart": "" }