anchor.diff:  image::/img/docs/components/metrics/grafana_integration/data_source_added.png[Data source added, align="center"]
   endif::[]
   ifdef::env-github[]
  -image::../../../assets/img/docs/components/metrics/grafana_integration/data_source_added.png[Data source added, align="center"]
  +image::../../../../assets/img/docs/components/metrics/grafana_integration/data_source_added.png[Data source added, align="center"]
   endif::[]
   
   == Adding a new graph
  
positive.code: image::/img/docs/components/metrics/grafana_integration/add_new_graph.png[Add new graph, align="center"]
  endif::[]
  ifdef::env-github[]
  image::../../../assets/img/docs/components/metrics/grafana_integration/add_new_graph.png[Add new graph, align="center"]
  endif::[]
  
  After the new graph shows up in the dashboard, click on the title to open the contextual menu then on `edit`.
  
negative.code: image::/img/docs/components/metrics/grafana_integration/add_new_data_source.png[Add new Grafana Data Source, align="center"]
  endif::[]
  ifdef::env-github[]
  image::../../../../assets/img/docs/components/metrics/grafana_integration/add_new_data_source.png[Add new Grafana Data Source, align="center"]
  endif::[]
  
  Fill-in the datasource creation form.
  