Skip to content

Configuring visualizations

The visualization editor provides shared configuration options that apply across multiple visualization types. Each visualization type page documents its specific options. The following configurations are common to most visualizations.

The Fields panel maps query result columns to chart axes. Select which fields to use for the X-axis, Y-axis, and optional dimensions like color or size. Available field mappings depend on the chart type.

Use the Split option when your data has more dimensions than a single chart can display. For example, if your query returns three dimensions but a line chart can only show two (X-axis and Y-axis), use Split to create multiple charts by splitting the data along the third dimension. Each resulting chart shows the same axes but filtered to a different value of the split field.

To create a split visualization, follow these steps:

  1. In the dashboard, select Create new > Add visualization.

  2. Select opensearch_dashboards_sample_data_logs as the dataset.

  3. In the query editor, enter the following query and select Update:

    | stats count() by span(`@timestamp`, 1h), extension, `machine.os`
  4. In the time filter, select Last 15 days.

  5. Set Visualization type to Line.

  6. In Fields, configure the following settings:

    • X-Axis: Select span(@timestamp,1h).
    • Y-Axis: Select count().
  7. In Split, configure the following settings:

    • Split by: Select machine.os.
    • Toggle Show labels to on.

The visualization displays a separate line chart for each machine.os value (for example, win xp, osx, win 7, win 8, ios), each showing the event count over time, as shown in the following image.

Split visualization showing separate line charts for each machine.os value

The X-axis and Y-axis share the same configuration options. Each axis can be independently customized.

SettingDescription
Show axisShows or hides the axis.
TitleA custom label for the axis.
PositionControls the placement of the axis relative to the chart. Supported values: X-axis: Top, Bottom. Y-axis: Left, Right.
Show grid linesWhen enabled, shows grid lines extending from the axis into the chart area.
Show labelsWhen enabled, shows category labels along the axis.
AlignmentControls the rotation of axis labels: Horizontal (0°), Vertical (90°), or Angled (45°).
Truncate afterSets the maximum character length for axis labels before truncation.

Axes are available in area, bar, heatmap, histogram, line, scatter, and state timeline charts.

The Tooltip panel controls what information appears when you hover over a data point. Options include showing all series values or only the hovered series.

Tooltips are available in area, bar, bar gauge, heatmap, histogram, line, pie, scatter, and state timeline charts.

The Legend panel controls the display and position of the chart legend. Options include showing or hiding the legend and selecting its position (top, bottom, left, or right).

Legends are available in heatmap, pie, scatter, and state timeline charts.

Standard options control the display formatting for single-value visualizations.

SettingDescription
UnitThe unit of measurement displayed alongside the value.
DecimalsThe number of decimal places to display.

Standard options are available in bar gauge, gauge, and metric charts.

Value options control how values are calculated and displayed for single-value visualizations.

SettingDescription
CalculationThe function used to reduce a series to a single value (for example, Last, Mean, Max, Min). For details, see Value calculations.
ShowControls whether to display the calculated value, the value name, or both.

Value options are available in bar gauge, gauge, and metric charts.

Thresholds define color-coded boundaries that indicate when values cross important limits. For details, see Thresholds.

Value calculations determine how a series of values is reduced to a single number for display (for example, Last, Mean, Sum, Min, Max). For details, see Value calculations.