Added histogram details and made instructions consistent across sections

pull/73/head
Nora 2019-02-25 13:19:32 -08:00
parent acf6cc8f3a
commit e173255f2e
2 changed files with 20 additions and 7 deletions

View File

@ -26,10 +26,12 @@ Each of the available visualization types and available user controls are descri
There are several types of graphs you can create.
To create a graph, select the **Graph** option from the visualization dropdown in the upper right.
To select this view, select the **Graph** option from the visualization dropdown in the upper right.
#### Graph Controls
To view **Graph** controls, click the settings (gear) icon next to the visualization dropdown in the upper right.
* **Geometry**: Select from the following options:
- **Line**: Display a time series in a line graph.
- **Stacked**: Display multiple time series bars as segments stacked on top of each other.
@ -70,6 +72,7 @@ To select this view, select the **Graph + Single Stat** option from the visualiz
#### Graph + Single Stat Controls
To view **Graph + Single Stat** controls, click the settings (gear) icon next to the visualization dropdown in the upper right.
* **Line Colors**: Select the a color scheme to use for your graph.
@ -102,22 +105,26 @@ To select this view, select the **Graph + Single Stat** option from the visualiz
### Histogram
A histogram is XYZ.
A histogram is a way to view the distribution of data. Unlike column charts, histograms have no time axis. The y-axis is dedicated to count, and the x-axis is divided into bins.
To select this view, select the **Histogram** option from the visualization dropdown in the upper right.
#### Histogram Controls
To view **Histogram** controls, click the settings (gear) icon next to the visualization dropdown in the upper right.
* **Data** section:
* **Column**:
* **Group By**:
* **Column**: The column to select data from.
* **Group By**: The tags to sort by.
* **Options** section:
* **Color Scheme**: Select a color scheme to use for your graph.
* **Positioning**:
* **Bins**:
* **Positioning**: Select (**Stacked**) to display data stacked on top of each other for each bin, or select
* **Bins**: Enter a number of bins to divide data into or select Auto to automatically calculate the number of bins.
* **Auto** or **Custom**: Enable or disable auto-setting.
#### Histogram example
![Histogram example](!! img !!!)
![Histogram example](/img/histogram_example.png)
### Single Stat
@ -127,6 +134,8 @@ To select this view, select the **Single Stat** option from the visualization dr
#### Single Stat Controls
To view **Single Stat** controls, click the settings (gear) icon next to the visualization dropdown in the upper right.
* **Customize Single-Stat** section:
* **Prefix**: Prefix to be added to the single stat.
* **Suffix**: Suffix to be added to the single stat.
@ -147,6 +156,8 @@ To select this view, select the **Gauge** option from the visualization dropdown
#### Gauge Controls
To view **Gauge** controls, click the settings (gear) icon next to the visualization dropdown in the upper right.
* **Customize Gauge** section:
* **Prefix**: Prefix to be added to the gauge.
* **Suffix**: Suffix to be added to the gauge.
@ -170,6 +181,8 @@ To select this view, select the **Table** option from the visualization dropdown
#### Table Controls
To view **Table** controls, click the settings (gear) icon next to the visualization dropdown in the upper right.
* **Customize Table** section:
* **Default Sort Field**: Select the default sort field. Default is **time**.
* **Time Format**: Select the time format.

Binary file not shown.

After

Width:  |  Height:  |  Size: 55 KiB