From d608ef4bf376c6f580f32f9688b27031973392f9 Mon Sep 17 00:00:00 2001 From: Adela Almasan <88068998+adela-almasan@users.noreply.github.com> Date: Fri, 7 Jun 2024 13:49:32 -0600 Subject: [PATCH] Docs: Update XY Chart docs (#88918) --- .../visualizations/xy-chart/index.md | 47 +++++++++++++------ 1 file changed, 33 insertions(+), 14 deletions(-) diff --git a/docs/sources/panels-visualizations/visualizations/xy-chart/index.md b/docs/sources/panels-visualizations/visualizations/xy-chart/index.md index 3176cb59872..1e3f4d341dd 100644 --- a/docs/sources/panels-visualizations/visualizations/xy-chart/index.md +++ b/docs/sources/panels-visualizations/visualizations/xy-chart/index.md @@ -89,6 +89,8 @@ When you select **Auto** as your series mapping mode, the following options are - [Frame](#frame) - [X-field](#x-field) - [Y-field](#y-field) +- [Size field](#size-field) +- [Color field](#color-field) ##### Frame @@ -122,6 +124,18 @@ You can also use [overrides](ref:configure-field-overrides) to exclude y-fields - Override property: **Series > Hide in area** - Area: **Viz** +##### Size field + +Set which field's values control the size of the points in the chart. This value is relative to the min and max of all the values in the data frame. + +When you select this option, you can then set the [Min point size](#minmax-point-size) and [Max point size](#minmax-point-size) options. + +##### Color field + +Set which field's values control the color of the points in the chart. To use the color value options under the Standard options, you must set this field. + +Typically, this field is used when you only have one series displayed in the chart. + #### Manual series mapping options When you select **Manual** as your series mode, you can add, edit, and delete series. To manage a series, click the **Series** field; to rename the series, click the series name. @@ -131,18 +145,8 @@ In **Manual** mode, you must set the following options: - **Frame** - Select your data frame or dataset. You can add as many frames as you want. - **X-field** - Select which field x represents. - **Y-field** - Select which field y represents. - -### Size field - -Use this option to set which field's values control the size of the points in the chart. This value is relative to the min and max of all the values in the data frame. - -When you select this option, you can then set the [Min point size](#minmax-point-size) and [Max point size](#minmax-point-size) options. - -### Color field - -Use this option to set which field's values control the color of the points in the chart. To use the color value options under the **Standard options**, you must set this field. - -Typically, this option is used when you only have one series displayed in the chart. +- **Size field** - Select which field controls the size of the points in the chart. +- **Color field** - Select which field controls the color of the points in the chart. ### Show @@ -160,9 +164,24 @@ Set the size of all points in the chart, from one to one hundred pixels in diame Use these options to control the minimum or maximum point size when you've set the **Size field** option. You can [override](ref:configure-field-overrides) these options for specific series. +### Point shape + +Set the shape of the points in the chart. + +- **Circle** - Display points as circles. This is the default setting. +- **Square** - Display points as squares. + +### Point stroke width + +Set the width of the point stroke in pixels. The default is one pixel. + +### Fill opacity + +Set the opacity of the point fill. The default is 50. + ### Line style -Set the style of the line. To change the color, use the standard [Color scheme](ref:color-scheme) field option. +Set the style of the lines that connect points. To change the color, use the standard [Color scheme](ref:color-scheme) field option. ![Line style option](/static/img/docs/time-series-panel/line-style-option-v9.png) @@ -172,7 +191,7 @@ Set the style of the line. To change the color, use the standard [Color scheme]( ### Line width -Set the width of the lines in pixels. +Set the width of the lines that connect points, in pixels. ## Tooltip options