[v11.0.x] Docs: Add xy chart docs (#85612)

Docs: Add xy chart docs (#81980) * Added xy chart page and added link to main visualizations page * Added options * Updated Axis options section and added doc ref links * Added new shared files for tooltip and legend options and added them to xy chart * Added Other visualization options section, docs refs, and updated Cloud links * Fixed links * Added option descriptions, hero image, content notes, and removed placeholder heading * Apply suggestions from code review * Added collapsible sections for series mapping modes * Added Cloud links and fixed link text * Added notes * Updated series mapping descriptions * Updated Auto series mapping options * Updated manual section and restructured page * Copy edits * copy edits * Added description * Clarifying supported data info * Copy edits from review * Fixed typo * Copy edits * Fixed links (cherry picked from commit 0d7834c7f7) Co-authored-by: Isabel Matwawana <76437239+imatwawana@users.noreply.github.com>
2024-04-04 16:33:43 -04:00
parent b30c78961b
commit 0e4d9fd162
4 changed files with 337 additions and 22 deletions
@@ -0,0 +1,25 @@
+---
+title: Legend options
+---
+
+### Visibility
+
+Toggle the switch to turn the legend on or off.
+
+### Mode
+
+Use these settings to define how the legend appears in your visualization. For more information about the legend, refer to [Configure a legend](../configure-legend/).
+
+- **List -** Displays the legend as a list. This is a default display mode of the legend.
+- **Table -** Displays the legend as a table.
+
+### Placement
+
+Choose where to display the legend.
+
+- **Bottom -** Below the graph.
+- **Right -** To the right of the graph.
+
+### Values
+
+Choose which of the [standard calculations]({{< relref "../../panels-visualizations/query-transform-data/calculation-types/" >}}) to show in the legend. You can have more than one.
@@ -0,0 +1,20 @@
+---
+title: Tooltip options
+---
+
+### Tooltip mode
+
+When you hover your cursor over the visualization, Grafana can display tooltips. Choose how tooltips behave.
+
+- **Single -** The hover tooltip shows only a single series, the one that you are hovering over on the visualization.
+- **Hidden -** Do not display the tooltip when you interact with the visualization.
+
+Use an override to hide individual series from the tooltip.
+
+### Max width
+
+Set the maximum width of the tooltip box. The default is 300 pixels.
+
+### Max height
+
+Set the maximum height of the tooltip box. The default is 600 pixels.