Chore: Replace angular based dashboards related to testdata datasource (#103458)

* Updating streaming example dashboard

* migrating TestData - Demo Dashboard

* upgrading New Features in v6.2 dashboard

* fixing prettier lint

public/app/plugins/datasource/grafana-testdata-datasource/dashboards/streaming.json

@@ -1,44 +1,43 @@
 {
   "__inputs": [
     {
-      "name": "DS_TESTDATA",
-      "label": "TestData",
+      "name": "DS_GRAFANA-TESTDATA-DATASOURCE",
+      "label": "grafana-testdata-datasource",
       "description": "",
       "type": "datasource",
-      "pluginId": "testdata"
+      "pluginId": "grafana-testdata-datasource",
+      "pluginName": "TestData"
     }
   ],
+  "__elements": {},
   "__requires": [
     {
       "type": "grafana",
       "id": "grafana",
       "name": "Grafana",
-      "version": "6.3.0-pre"
+      "version": "10.0.0-pre"
     },
     {
-      "type": "panel",
-      "id": "graph",
-      "name": "Graph",
-      "version": ""
+      "type": "datasource",
+      "id": "grafana-testdata-datasource",
+      "name": "TestData",
+      "version": "10.0.0-pre"
     },
     {
       "type": "panel",
-      "id": "graph",
-      "name": "React Graph",
+      "id": "timeseries",
+      "name": "Time series",
       "version": ""
-    },
-    {
-      "type": "datasource",
-      "id": "testdata",
-      "name": "TestData",
-      "version": "1.0.0"
     }
   ],
   "annotations": {
     "list": [
       {
         "builtIn": 1,
-        "datasource": "-- Grafana --",
+        "datasource": {
+          "type": "datasource",
+          "uid": "grafana"
+        },
         "enable": true,
         "hide": true,
         "iconColor": "rgba(0, 211, 255, 1)",
@@ -48,113 +47,78 @@
     ]
   },
   "editable": true,
-  "gnetId": null,
+  "fiscalYearStartMonth": 0,
   "graphTooltip": 0,
   "id": null,
   "links": [],
   "panels": [
     {
-      "aliasColors": {},
-      "bars": false,
-      "dashLength": 10,
-      "dashes": false,
-      "fill": 1,
-      "gridPos": {
-        "h": 7,
-        "w": 24,
-        "x": 0,
-        "y": 0
-      },
-      "id": 4,
-      "legend": {
-        "alignAsTable": true,
-        "avg": false,
-        "current": true,
-        "max": false,
-        "min": false,
-        "rightSide": true,
-        "show": true,
-        "total": false,
-        "values": true
+      "datasource": {
+        "type": "grafana-testdata-datasource",
+        "uid": "${DS_GRAFANA-TESTDATA-DATASOURCE}"
       },
-      "lines": true,
-      "linewidth": 1,
-      "links": [],
-      "nullPointMode": "null",
-      "percentage": false,
-      "pointradius": 2,
-      "points": false,
-      "renderer": "flot",
-      "seriesOverrides": [],
-      "spaceLength": 10,
-      "stack": false,
-      "steppedLine": false,
-      "targets": [
-        {
-          "refId": "A",
-          "scenarioId": "streaming_client",
-          "stream": {
-            "noise": 2.2,
-            "speed": 100,
-            "spread": 3.5,
-            "type": "signal"
+      "description": "",
+      "fieldConfig": {
+        "defaults": {
+          "color": {
+            "mode": "palette-classic"
           },
-          "stringInput": ""
-        }
-      ],
-      "thresholds": [],
-      "timeFrom": null,
-      "timeRegions": [],
-      "timeShift": null,
-      "title": "Angular Graph",
-      "tooltip": {
-        "shared": true,
-        "sort": 0,
-        "value_type": "individual"
-      },
-      "type": "graph",
-      "xaxis": {
-        "buckets": null,
-        "mode": "time",
-        "name": null,
-        "show": true,
-        "values": []
-      },
-      "yaxes": [
-        {
-          "decimals": 2,
-          "format": "short",
-          "label": null,
-          "logBase": 1,
-          "max": null,
-          "min": null,
-          "show": true
+          "custom": {
+            "axisBorderShow": false,
+            "axisCenteredZero": false,
+            "axisColorMode": "text",
+            "axisLabel": "",
+            "axisPlacement": "auto",
+            "barAlignment": 0,
+            "barWidthFactor": 0.6,
+            "drawStyle": "points",
+            "fillOpacity": 0,
+            "gradientMode": "none",
+            "hideFrom": {
+              "legend": false,
+              "tooltip": false,
+              "viz": false
+            },
+            "insertNulls": false,
+            "lineInterpolation": "linear",
+            "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
+              }
+            ]
+          }
         },
-        {
-          "format": "short",
-          "label": null,
-          "logBase": 1,
-          "max": null,
-          "min": null,
-          "show": true
-        }
-      ],
-      "yaxis": {
-        "align": false,
-        "alignLevel": null
-      }
-    },
-    {
-      "datasource": "${DS_TESTDATA}",
-      "description": "",
+        "overrides": []
+      },
       "gridPos": {
         "h": 6,
         "w": 24,
         "x": 0,
-        "y": 7
+        "y": 0
       },
       "id": 2,
-      "links": [],
       "options": {
         "graph": {
           "showBars": false,
@@ -162,16 +126,25 @@
           "showPoints": false
         },
         "legend": {
-          "asTable": true,
-          "decimals": 2,
-          "isVisible": true,
-          "placement": "right",
-          "stats": ["last"]
+          "calcs": [],
+          "displayMode": "list",
+          "placement": "bottom",
+          "showLegend": true
         },
-        "series": {}
+        "series": {},
+        "tooltip": {
+          "hideZeros": false,
+          "mode": "single",
+          "sort": "none"
+        }
       },
+      "pluginVersion": "10.0.0-pre",
       "targets": [
         {
+          "datasource": {
+            "type": "grafana-testdata-datasource",
+            "uid": "${DS_GRAFANA-TESTDATA-DATASOURCE}"
+          },
           "refId": "A",
           "scenarioId": "streaming_client",
           "stream": {
@@ -183,13 +156,12 @@
           "stringInput": ""
         }
       ],
-      "timeFrom": null,
-      "timeShift": null,
       "title": "Simple dummy streaming example",
-      "type": "graph"
+      "type": "timeseries"
     }
   ],
-  "schemaVersion": 18,
+  "preload": false,
+  "schemaVersion": 41,
   "tags": [],
   "templating": {
     "list": []
@@ -198,11 +170,9 @@
     "from": "now-1m",
     "to": "now"
   },
-  "timepicker": {
-    "refresh_intervals": ["5s", "10s", "30s", "1m", "5m", "15m", "30m", "1h", "2h", "1d"]
-  },
+  "timepicker": {},
   "timezone": "",
   "title": "Simple Streaming Example",
   "uid": "TXSTREZ",
-  "version": 3
+  "version": 4
 }