From 154fa2dd000dc9a6088a54639fe8bf52f0455742 Mon Sep 17 00:00:00 2001 From: Melori Arellano Date: Wed, 8 Mar 2023 13:15:11 -0700 Subject: [PATCH] Docs: Update canvas panel data links section with additional steps (#64456) * Update index.md Add additional steps to the Data Links section needed to associate a field value with a data link. A dashboard data link (previously referenced) displays for all elements. * Fix linting issues --------- Co-authored-by: nmarrs --- .../panels-visualizations/visualizations/canvas/index.md | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/docs/sources/panels-visualizations/visualizations/canvas/index.md b/docs/sources/panels-visualizations/visualizations/canvas/index.md index 6d9b5b2d28b..21db09f8b19 100644 --- a/docs/sources/panels-visualizations/visualizations/canvas/index.md +++ b/docs/sources/panels-visualizations/visualizations/canvas/index.md @@ -84,11 +84,17 @@ The inline editing toggle enables you to lock or unlock the canvas panel. When t ### Data links -Canvas supports [data links](https://grafana.com/docs/grafana/latest/panels-visualizations/configure-data-links/). Once you've added a data link to the panel, you can display it by following these steps: +Canvas supports [data links](https://grafana.com/docs/grafana/latest/panels-visualizations/configure-data-links/). You can create a data link for a metric-value element and display it by following these steps: 1. Set an element to be tied to a field value. 1. Turn off the inline editing toggle. +1. Create an override for **Fields with name** and select the element field name from the list. +1. Click the **+ Add override property** button. +1. Select `Datalinks > Datalinks` from the list. +1. Click **+Add link** add a title and URL for the data link. 1. Hover over the element to display the data link tooltip. 1. Click on the element to be able to open the data link. +If multiple elements use the same field, you can create a unique field name using the [add field from calculation transform](https://grafana.com/docs/grafana/latest/panels-visualizations/query-transform-data/transform-data/#add-field-from-calculation). The alias you create in the transformation will appear as a field you can use with an element. + {{< video-embed src="/media/docs/grafana/canvas-data-links-9-4-0.mp4" max-width="750px" caption="Data links demo" >}}