diff --git a/content/v2.0/visualize-data/visualization-types.md b/content/v2.0/visualize-data/visualization-types.md index 59aa7f394..c56f62c65 100644 --- a/content/v2.0/visualize-data/visualization-types.md +++ b/content/v2.0/visualize-data/visualization-types.md @@ -247,7 +247,8 @@ the visualization dropdown in the upper right. ### Table -The **Table** option displays the results of queries in a tabular view, which is sometimes easier to analyze than graph views of data. +The **Table** option displays the results of queries in a tabular view, which is +sometimes easier to analyze than graph views of data. {{< img-hd src="/img/2-0-visualizations-table-example.png" alt="Table example" />}} @@ -255,7 +256,8 @@ To select this view, select the **Table** option from the visualization dropdown #### Table Controls -To view **Table** controls, click the settings icon ({{< icon "gear" >}}) next to the visualization dropdown in the upper right. +To view **Table** controls, click the settings icon ({{< icon "gear" >}}) next to +the visualization dropdown in the upper right. - **Default Sort Field**: Select the default sort field. Default is **time**. - **Time Format**: Select the time format. Options include: @@ -284,3 +286,34 @@ To view **Table** controls, click the settings icon ({{< icon "gear" >}}) next t - **Add a Threshold**: Change the color of the table based on the current value. - **Value is**: Enter the value at which the table should appear in the selected color. Choose a color from the dropdown menu next to the value. + +### Scatter +The **Scatter** option uses a scatter plot to display time series data. + +{{< img-hd src="/img/2-0-visualizations-scatter-example.png" alt="Scatter plot example" />}} + +To select this view, select the **Scatter** option from the visualization dropdown in the upper right. + +#### Scatter controls +To view **Scatter** controls, click the settings icon ({{< icon "gear" >}}) next +to the visualization dropdown in the upper right. + +###### Data +- **Symbol column**: Define a column containing values that should be differentiated with symbols. +- **Fill column**: Define a column containing values that should be differentiated with fill color. + +###### Options +- **Color Scheme**: Select a color scheme to use for your scatter plot. + +###### X Axis +- **X Axis Label**: Label for the x-axis. + +###### Y Axis +- **Y Axis Label**: Label for the y-axis. +- **Y Tick Prefix**: Prefix to be added to y-value. +- **Y Tick Suffix**: Suffix to be added to y-value. +- **Y Axis Domain**: The y-axis value range. + - **Auto**: Automatically determine the value range based on values in the data set. + - **Custom**: Manually specify the value range of the y-axis. + - **Min**: Minimum y-axis value. + - **Max**: Maximum y-axis value. diff --git a/static/img/2-0-visualizations-scatter-example.png b/static/img/2-0-visualizations-scatter-example.png new file mode 100644 index 000000000..789289288 Binary files /dev/null and b/static/img/2-0-visualizations-scatter-example.png differ