mirror of https://github.com/grafana/grafana.git
				
				
				
			Histogram: Adds histogram test dashboard & test data (#34821)
* Added test data that contains normal distribution * Added histogram test dashboard * Fixed so panels share same data
This commit is contained in:
		
							parent
							
								
									e085b2316c
								
							
						
					
					
						commit
						119dbc4d76
					
				| 
						 | 
				
			
			@ -0,0 +1,442 @@
 | 
			
		|||
{
 | 
			
		||||
    "annotations": {
 | 
			
		||||
      "list": [
 | 
			
		||||
        {
 | 
			
		||||
          "builtIn": 1,
 | 
			
		||||
          "datasource": "-- Grafana --",
 | 
			
		||||
          "enable": true,
 | 
			
		||||
          "hide": true,
 | 
			
		||||
          "iconColor": "rgba(0, 211, 255, 1)",
 | 
			
		||||
          "name": "Annotations & Alerts",
 | 
			
		||||
          "type": "dashboard"
 | 
			
		||||
        }
 | 
			
		||||
      ]
 | 
			
		||||
    },
 | 
			
		||||
    "editable": true,
 | 
			
		||||
    "gnetId": null,
 | 
			
		||||
    "graphTooltip": 0,
 | 
			
		||||
    "id": 632,
 | 
			
		||||
    "links": [],
 | 
			
		||||
    "panels": [
 | 
			
		||||
      {
 | 
			
		||||
        "datasource": null,
 | 
			
		||||
        "fieldConfig": {
 | 
			
		||||
          "defaults": {
 | 
			
		||||
            "color": {
 | 
			
		||||
              "mode": "palette-classic"
 | 
			
		||||
            },
 | 
			
		||||
            "custom": {
 | 
			
		||||
              "fillOpacity": 80,
 | 
			
		||||
              "gradientMode": "none",
 | 
			
		||||
              "hideFrom": {
 | 
			
		||||
                "graph": false,
 | 
			
		||||
                "legend": false,
 | 
			
		||||
                "tooltip": false
 | 
			
		||||
              },
 | 
			
		||||
              "lineWidth": 1
 | 
			
		||||
            },
 | 
			
		||||
            "mappings": [],
 | 
			
		||||
            "thresholds": {
 | 
			
		||||
              "mode": "absolute",
 | 
			
		||||
              "steps": [
 | 
			
		||||
                {
 | 
			
		||||
                  "color": "green",
 | 
			
		||||
                  "value": null
 | 
			
		||||
                },
 | 
			
		||||
                {
 | 
			
		||||
                  "color": "red",
 | 
			
		||||
                  "value": 80
 | 
			
		||||
                }
 | 
			
		||||
              ]
 | 
			
		||||
            }
 | 
			
		||||
          },
 | 
			
		||||
          "overrides": []
 | 
			
		||||
        },
 | 
			
		||||
        "gridPos": {
 | 
			
		||||
          "h": 8,
 | 
			
		||||
          "w": 12,
 | 
			
		||||
          "x": 0,
 | 
			
		||||
          "y": 0
 | 
			
		||||
        },
 | 
			
		||||
        "id": 4,
 | 
			
		||||
        "options": {
 | 
			
		||||
          "bucketOffset": 0,
 | 
			
		||||
          "combine": false,
 | 
			
		||||
          "legend": {
 | 
			
		||||
            "calcs": [],
 | 
			
		||||
            "displayMode": "hidden",
 | 
			
		||||
            "placement": "bottom"
 | 
			
		||||
          }
 | 
			
		||||
        },
 | 
			
		||||
        "targets": [
 | 
			
		||||
          {
 | 
			
		||||
            "refId": "A",
 | 
			
		||||
            "scenarioId": "random_walk",
 | 
			
		||||
            "spread": 10
 | 
			
		||||
          }
 | 
			
		||||
        ],
 | 
			
		||||
        "title": "Time series + Auto buckets",
 | 
			
		||||
        "type": "histogram"
 | 
			
		||||
      },
 | 
			
		||||
      {
 | 
			
		||||
        "datasource": "-- Dashboard --",
 | 
			
		||||
        "fieldConfig": {
 | 
			
		||||
          "defaults": {
 | 
			
		||||
            "color": {
 | 
			
		||||
              "mode": "palette-classic"
 | 
			
		||||
            },
 | 
			
		||||
            "custom": {
 | 
			
		||||
              "fillOpacity": 80,
 | 
			
		||||
              "gradientMode": "none",
 | 
			
		||||
              "hideFrom": {
 | 
			
		||||
                "graph": false,
 | 
			
		||||
                "legend": false,
 | 
			
		||||
                "tooltip": false
 | 
			
		||||
              },
 | 
			
		||||
              "lineWidth": 1
 | 
			
		||||
            },
 | 
			
		||||
            "mappings": [],
 | 
			
		||||
            "thresholds": {
 | 
			
		||||
              "mode": "absolute",
 | 
			
		||||
              "steps": [
 | 
			
		||||
                {
 | 
			
		||||
                  "color": "green",
 | 
			
		||||
                  "value": null
 | 
			
		||||
                },
 | 
			
		||||
                {
 | 
			
		||||
                  "color": "red",
 | 
			
		||||
                  "value": 80
 | 
			
		||||
                }
 | 
			
		||||
              ]
 | 
			
		||||
            }
 | 
			
		||||
          },
 | 
			
		||||
          "overrides": []
 | 
			
		||||
        },
 | 
			
		||||
        "gridPos": {
 | 
			
		||||
          "h": 8,
 | 
			
		||||
          "w": 12,
 | 
			
		||||
          "x": 12,
 | 
			
		||||
          "y": 0
 | 
			
		||||
        },
 | 
			
		||||
        "id": 3,
 | 
			
		||||
        "options": {
 | 
			
		||||
          "bucketOffset": 0,
 | 
			
		||||
          "bucketSize": 3,
 | 
			
		||||
          "combine": false,
 | 
			
		||||
          "legend": {
 | 
			
		||||
            "calcs": [],
 | 
			
		||||
            "displayMode": "hidden",
 | 
			
		||||
            "placement": "bottom"
 | 
			
		||||
          }
 | 
			
		||||
        },
 | 
			
		||||
        "targets": [
 | 
			
		||||
          {
 | 
			
		||||
            "panelId": 4,
 | 
			
		||||
            "refId": "A"
 | 
			
		||||
          }
 | 
			
		||||
        ],
 | 
			
		||||
        "title": "Time series + bucket size 3",
 | 
			
		||||
        "type": "histogram"
 | 
			
		||||
      },
 | 
			
		||||
      {
 | 
			
		||||
        "datasource": null,
 | 
			
		||||
        "fieldConfig": {
 | 
			
		||||
          "defaults": {
 | 
			
		||||
            "color": {
 | 
			
		||||
              "mode": "palette-classic"
 | 
			
		||||
            },
 | 
			
		||||
            "custom": {
 | 
			
		||||
              "fillOpacity": 80,
 | 
			
		||||
              "gradientMode": "none",
 | 
			
		||||
              "hideFrom": {
 | 
			
		||||
                "graph": false,
 | 
			
		||||
                "legend": false,
 | 
			
		||||
                "tooltip": false
 | 
			
		||||
              },
 | 
			
		||||
              "lineWidth": 1
 | 
			
		||||
            },
 | 
			
		||||
            "mappings": [],
 | 
			
		||||
            "thresholds": {
 | 
			
		||||
              "mode": "absolute",
 | 
			
		||||
              "steps": [
 | 
			
		||||
                {
 | 
			
		||||
                  "color": "green",
 | 
			
		||||
                  "value": null
 | 
			
		||||
                },
 | 
			
		||||
                {
 | 
			
		||||
                  "color": "red",
 | 
			
		||||
                  "value": 80
 | 
			
		||||
                }
 | 
			
		||||
              ]
 | 
			
		||||
            }
 | 
			
		||||
          },
 | 
			
		||||
          "overrides": []
 | 
			
		||||
        },
 | 
			
		||||
        "gridPos": {
 | 
			
		||||
          "h": 8,
 | 
			
		||||
          "w": 12,
 | 
			
		||||
          "x": 0,
 | 
			
		||||
          "y": 8
 | 
			
		||||
        },
 | 
			
		||||
        "id": 5,
 | 
			
		||||
        "options": {
 | 
			
		||||
          "bucketOffset": 0,
 | 
			
		||||
          "bucketSize": 1,
 | 
			
		||||
          "combine": false,
 | 
			
		||||
          "legend": {
 | 
			
		||||
            "calcs": [],
 | 
			
		||||
            "displayMode": "hidden",
 | 
			
		||||
            "placement": "bottom"
 | 
			
		||||
          }
 | 
			
		||||
        },
 | 
			
		||||
        "targets": [
 | 
			
		||||
          {
 | 
			
		||||
            "csvFileName": "weight_height.csv",
 | 
			
		||||
            "refId": "A",
 | 
			
		||||
            "scenarioId": "csv_file"
 | 
			
		||||
          }
 | 
			
		||||
        ],
 | 
			
		||||
        "title": "People height distribution",
 | 
			
		||||
        "transformations": [
 | 
			
		||||
          {
 | 
			
		||||
            "id": "filterFieldsByName",
 | 
			
		||||
            "options": {
 | 
			
		||||
              "include": {
 | 
			
		||||
                "names": [
 | 
			
		||||
                  "Height"
 | 
			
		||||
                ]
 | 
			
		||||
              }
 | 
			
		||||
            }
 | 
			
		||||
          }
 | 
			
		||||
        ],
 | 
			
		||||
        "type": "histogram"
 | 
			
		||||
      },
 | 
			
		||||
      {
 | 
			
		||||
        "datasource": null,
 | 
			
		||||
        "fieldConfig": {
 | 
			
		||||
          "defaults": {
 | 
			
		||||
            "color": {
 | 
			
		||||
              "mode": "palette-classic"
 | 
			
		||||
            },
 | 
			
		||||
            "custom": {
 | 
			
		||||
              "fillOpacity": 80,
 | 
			
		||||
              "gradientMode": "none",
 | 
			
		||||
              "hideFrom": {
 | 
			
		||||
                "graph": false,
 | 
			
		||||
                "legend": false,
 | 
			
		||||
                "tooltip": false
 | 
			
		||||
              },
 | 
			
		||||
              "lineWidth": 1
 | 
			
		||||
            },
 | 
			
		||||
            "mappings": [],
 | 
			
		||||
            "thresholds": {
 | 
			
		||||
              "mode": "absolute",
 | 
			
		||||
              "steps": [
 | 
			
		||||
                {
 | 
			
		||||
                  "color": "green",
 | 
			
		||||
                  "value": null
 | 
			
		||||
                },
 | 
			
		||||
                {
 | 
			
		||||
                  "color": "red",
 | 
			
		||||
                  "value": 80
 | 
			
		||||
                }
 | 
			
		||||
              ]
 | 
			
		||||
            }
 | 
			
		||||
          },
 | 
			
		||||
          "overrides": []
 | 
			
		||||
        },
 | 
			
		||||
        "gridPos": {
 | 
			
		||||
          "h": 8,
 | 
			
		||||
          "w": 12,
 | 
			
		||||
          "x": 12,
 | 
			
		||||
          "y": 8
 | 
			
		||||
        },
 | 
			
		||||
        "id": 6,
 | 
			
		||||
        "options": {
 | 
			
		||||
          "bucketOffset": 0,
 | 
			
		||||
          "bucketSize": 5,
 | 
			
		||||
          "combine": false,
 | 
			
		||||
          "legend": {
 | 
			
		||||
            "calcs": [],
 | 
			
		||||
            "displayMode": "hidden",
 | 
			
		||||
            "placement": "bottom"
 | 
			
		||||
          }
 | 
			
		||||
        },
 | 
			
		||||
        "targets": [
 | 
			
		||||
          {
 | 
			
		||||
            "csvFileName": "weight_height.csv",
 | 
			
		||||
            "refId": "A",
 | 
			
		||||
            "scenarioId": "csv_file"
 | 
			
		||||
          }
 | 
			
		||||
        ],
 | 
			
		||||
        "title": "People weight distribution",
 | 
			
		||||
        "transformations": [
 | 
			
		||||
          {
 | 
			
		||||
            "id": "filterFieldsByName",
 | 
			
		||||
            "options": {
 | 
			
		||||
              "include": {
 | 
			
		||||
                "names": [
 | 
			
		||||
                  "Weight"
 | 
			
		||||
                ]
 | 
			
		||||
              }
 | 
			
		||||
            }
 | 
			
		||||
          }
 | 
			
		||||
        ],
 | 
			
		||||
        "type": "histogram"
 | 
			
		||||
      },
 | 
			
		||||
      {
 | 
			
		||||
        "datasource": null,
 | 
			
		||||
        "fieldConfig": {
 | 
			
		||||
          "defaults": {
 | 
			
		||||
            "color": {
 | 
			
		||||
              "mode": "thresholds"
 | 
			
		||||
            },
 | 
			
		||||
            "custom": {
 | 
			
		||||
              "align": "auto",
 | 
			
		||||
              "displayMode": "auto"
 | 
			
		||||
            },
 | 
			
		||||
            "mappings": [],
 | 
			
		||||
            "thresholds": {
 | 
			
		||||
              "mode": "absolute",
 | 
			
		||||
              "steps": [
 | 
			
		||||
                {
 | 
			
		||||
                  "color": "green",
 | 
			
		||||
                  "value": null
 | 
			
		||||
                },
 | 
			
		||||
                {
 | 
			
		||||
                  "color": "red",
 | 
			
		||||
                  "value": 80
 | 
			
		||||
                }
 | 
			
		||||
              ]
 | 
			
		||||
            }
 | 
			
		||||
          },
 | 
			
		||||
          "overrides": []
 | 
			
		||||
        },
 | 
			
		||||
        "gridPos": {
 | 
			
		||||
          "h": 9,
 | 
			
		||||
          "w": 12,
 | 
			
		||||
          "x": 0,
 | 
			
		||||
          "y": 16
 | 
			
		||||
        },
 | 
			
		||||
        "id": 8,
 | 
			
		||||
        "options": {
 | 
			
		||||
          "showHeader": true
 | 
			
		||||
        },
 | 
			
		||||
        "pluginVersion": "8.1.0-pre",
 | 
			
		||||
        "targets": [
 | 
			
		||||
          {
 | 
			
		||||
            "csvFileName": "weight_height.csv",
 | 
			
		||||
            "refId": "A",
 | 
			
		||||
            "scenarioId": "csv_file"
 | 
			
		||||
          }
 | 
			
		||||
        ],
 | 
			
		||||
        "title": "Standalone transform - Height",
 | 
			
		||||
        "transformations": [
 | 
			
		||||
          {
 | 
			
		||||
            "id": "filterFieldsByName",
 | 
			
		||||
            "options": {
 | 
			
		||||
              "include": {
 | 
			
		||||
                "names": [
 | 
			
		||||
                  "Height"
 | 
			
		||||
                ]
 | 
			
		||||
              }
 | 
			
		||||
            }
 | 
			
		||||
          },
 | 
			
		||||
          {
 | 
			
		||||
            "id": "histogram",
 | 
			
		||||
            "options": {
 | 
			
		||||
              "combine": true,
 | 
			
		||||
              "fields": {}
 | 
			
		||||
            }
 | 
			
		||||
          }
 | 
			
		||||
        ],
 | 
			
		||||
        "type": "table"
 | 
			
		||||
      },
 | 
			
		||||
      {
 | 
			
		||||
        "datasource": null,
 | 
			
		||||
        "fieldConfig": {
 | 
			
		||||
          "defaults": {
 | 
			
		||||
            "color": {
 | 
			
		||||
              "mode": "thresholds"
 | 
			
		||||
            },
 | 
			
		||||
            "custom": {
 | 
			
		||||
              "align": "auto",
 | 
			
		||||
              "displayMode": "auto"
 | 
			
		||||
            },
 | 
			
		||||
            "mappings": [],
 | 
			
		||||
            "thresholds": {
 | 
			
		||||
              "mode": "absolute",
 | 
			
		||||
              "steps": [
 | 
			
		||||
                {
 | 
			
		||||
                  "color": "green",
 | 
			
		||||
                  "value": null
 | 
			
		||||
                },
 | 
			
		||||
                {
 | 
			
		||||
                  "color": "red",
 | 
			
		||||
                  "value": 80
 | 
			
		||||
                }
 | 
			
		||||
              ]
 | 
			
		||||
            }
 | 
			
		||||
          },
 | 
			
		||||
          "overrides": []
 | 
			
		||||
        },
 | 
			
		||||
        "gridPos": {
 | 
			
		||||
          "h": 9,
 | 
			
		||||
          "w": 12,
 | 
			
		||||
          "x": 12,
 | 
			
		||||
          "y": 16
 | 
			
		||||
        },
 | 
			
		||||
        "id": 9,
 | 
			
		||||
        "options": {
 | 
			
		||||
          "showHeader": true
 | 
			
		||||
        },
 | 
			
		||||
        "pluginVersion": "8.1.0-pre",
 | 
			
		||||
        "targets": [
 | 
			
		||||
          {
 | 
			
		||||
            "csvFileName": "weight_height.csv",
 | 
			
		||||
            "refId": "A",
 | 
			
		||||
            "scenarioId": "csv_file"
 | 
			
		||||
          }
 | 
			
		||||
        ],
 | 
			
		||||
        "title": "Standalone transform - Weight",
 | 
			
		||||
        "transformations": [
 | 
			
		||||
          {
 | 
			
		||||
            "id": "filterFieldsByName",
 | 
			
		||||
            "options": {
 | 
			
		||||
              "include": {
 | 
			
		||||
                "names": [
 | 
			
		||||
                  "Weight"
 | 
			
		||||
                ]
 | 
			
		||||
              }
 | 
			
		||||
            }
 | 
			
		||||
          },
 | 
			
		||||
          {
 | 
			
		||||
            "id": "histogram",
 | 
			
		||||
            "options": {
 | 
			
		||||
              "combine": true,
 | 
			
		||||
              "fields": {}
 | 
			
		||||
            }
 | 
			
		||||
          }
 | 
			
		||||
        ],
 | 
			
		||||
        "type": "table"
 | 
			
		||||
      }
 | 
			
		||||
    ],
 | 
			
		||||
    "schemaVersion": 30,
 | 
			
		||||
    "style": "dark",
 | 
			
		||||
    "tags": [
 | 
			
		||||
      "gdev",
 | 
			
		||||
      "panel-tests"
 | 
			
		||||
    ],
 | 
			
		||||
    "templating": {
 | 
			
		||||
      "list": []
 | 
			
		||||
    },
 | 
			
		||||
    "time": {
 | 
			
		||||
      "from": "now-6h",
 | 
			
		||||
      "to": "now"
 | 
			
		||||
    },
 | 
			
		||||
    "timepicker": {},
 | 
			
		||||
    "timezone": "",
 | 
			
		||||
    "title": "Panel Tests - Histogram",
 | 
			
		||||
    "uid": "UTv--wqMk",
 | 
			
		||||
    "version": 4
 | 
			
		||||
  }
 | 
			
		||||
| 
						 | 
				
			
			@ -12,6 +12,7 @@ export const CSVFileEditor = ({ onChange, query }: EditorProps) => {
 | 
			
		|||
    'population_by_state.csv',
 | 
			
		||||
    'gdp_per_capita.csv',
 | 
			
		||||
    'js_libraries.csv',
 | 
			
		||||
    'weight_height.csv',
 | 
			
		||||
    'browser_marketshare.csv',
 | 
			
		||||
  ].map((name) => ({ label: name, value: name }));
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
										
											
												File diff suppressed because it is too large
												Load Diff
											
										
									
								
							
		Loading…
	
		Reference in New Issue