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/data_source_details.png[Data source creation form, align="center"]
  endif::[]
  ifdef::env-github[]
  image::../../../assets/img/docs/components/metrics/grafana_integration/data_source_details.png[Data source creation form, align="center"]
  endif::[]
  
  Then click the `Add` button. The new data source should be listed.
  
negative.code: image::/img/docs/components/metrics/grafana_integration/graph_details.png[Graph edition form, align="center"]
  endif::[]
  ifdef::env-github[]
  image::../../../../assets/img/docs/components/metrics/grafana_integration/graph_details.png[Graph edition form, align="center"]
  endif::[]
  
  When you have selected a metric, click on `Back to dashboard`, then click on the save icon.
  