Cloud monitoring: out-of-the-box dashboards (#27864)

* Cloud monitoring: out-of-the-box dashboards

* Remove redundant information related to dev account

* Update docs/sources/features/datasources/cloudmonitoring.md

Co-authored-by: Diana Payton <52059945+oddlittlebird@users.noreply.github.com>

* Rename JSON files

* Fix docs

* Fixe docs

* Parameterise dashboards by CM datasource

* Fix metric kind in CloudSQL dashboard

* Set alias to instance name for GCE dashboard panels

Co-authored-by: Diana Payton <52059945+oddlittlebird@users.noreply.github.com>

docs/sources/datasources/cloudmonitoring.md

@@ -335,3 +335,24 @@ Only available in Grafana v7.1+.
 
 Click on a time series in the panel to see a context menu with a link to View in Metrics Explorer in Google Cloud Console. Clicking that link opens the Metrics Explorer in the Google Cloud Console and runs the query from the Grafana panel there.
 The link navigates the user first to the Google Account Chooser and after successfully selecting an account, the user is redirected to the Metrics Explorer. The provided link is valid for any account, but it only displays the query if your account has access to the GCP project specified in the query.
+
+## Out-of-the-box dashboards
+
+> Only available in Grafana v7.3+.
+
+The updated Cloud Monitoring data source ships with pre-configured dashboards for five of the most popular GCP services:
+
+1. BigQuery Query Monitoring
+1. Cloud SQL Monitoring
+1. GCE VM Instance Monitoring
+1. GKE Cluster Monitoring
+1. HTTP_S Load Balancer Monitoring
+
+To import the pre-configured dashboards, go to the configuration page of a Cloud monitoring data source and click on the `Dashboards` tab. Click `Import` for the dashboard you would like to use.
+The datasource of the newly created dashboard panels will be the one selected above.
+
+The dashboards have a template variable which is populated with the projects accessible by the configured service account every time the dashboard is loaded. After the dashboard is loaded, you can select the project you prefer from the drop-down list.
+
+To customize the dashboard, we recommend saving the dashboard under a different name, because otherwise the dashboard will be overwritten when a new version of the dashboard is released.
+
+{{< docs-imagebox img="/img/docs/v73/cloud-monitoring-dashboard-import.png" caption="Cloud Monitoring dashboard import" >}}

public/app/plugins/datasource/cloud-monitoring/plugin.json

@@ -7,6 +7,13 @@
   "metrics": true,
   "alerting": true,
   "annotations": true,
+  "includes": [
+    { "type": "dashboard", "name": "BigQuery Query Monitoring", "path": "dashboards/bigQuery.json" },
+    { "type": "dashboard", "name": "Cloud SQL Monitoring", "path": "dashboards/cloudSQL.json" },
+    { "type": "dashboard", "name": "GCE VM Instance Monitoring", "path": "dashboards/gce.json" },
+    { "type": "dashboard", "name": "GKE Cluster Monitoring", "path": "dashboards/gke.json" },
+    { "type": "dashboard", "name": "HTTP_S Load Balancer Monitoring", "path": "dashboards/loadBalancer.json" }
+  ],
   "queryOptions": {
     "maxDataPoints": true,
     "cacheTimeout": true