Skip to content

Chart Properties

Chart visualizations have a multitude of settings that can be applied to the chart axis, the value series and the chart appearance.

Axis Settings

Type

Determines the type of axis to use.

Automatic

Selects the appropriate axis type automatically.

Note

The automatic axis selection automatically adjusts the axis type between numerical, categorical and time series axis. It will not automatically select a logarithmic axis.

Numerical

Numerical axis, suitable for continuous data.

Categorical

Category axis, suitable for discrete category data.

Time Series

Time axis, suitable for continuous time series data. As compared to a numerical axis, it has a better formatting for time and a different tick calculation method.

The use of date granularity in the form of month, week, day or hour for tick is based on the range of span.

Logarithmic

Log axis, suitable for log data.

Position

The axis position can be controlled and assigned to the edges of the charts.

Hidden

The axis is hidden and will not be rendered to the screen.

Default

The axis is in its default position. The default axis position for the X-axis is bottom and for the Y-axis, the left side of the chart.

Secondary

Place the axis on the opposite side of the default axis position. Top, or right side for X- and Y-axis respectively.

Line Style

Set the axis line style.

  • No lines
  • Solid
  • Dashed
  • Dotted

Labels

Set the placement of the axis labels

Default

Place axis labels in their default configuration.

No labels

Do not render any labels on the axis.

Labels Inside

The axis labels will face the inside direction of the chart.

Label Rotation

Control axis label rotation.

Data Zoom

Data zoom is a component is used for zooming a specific area, which enables user to investigate data in detail, or get an overview of the data, or get rid of outlier points.

None

Don't display a data zoom component.

Inside Chart

Data zoom functionalities is embeded inside the chart and enables the user to zoom or roam coordinate system by mouse dragging, mouse move or finger touch (on touch screens).

Slider

Display a slider bar which can be zoomed or roamed by mouse dragging or finger touch (on touch screens).

Legend Settings

Control the display and placement of the chart legend.

The legend shows the symbol, color and name of the series. You can select series in the legend to toggle the display of the corresponding series in the chart.

Type

Set the legend type.

No legend

Do not display a legend.

Horizontal

Display a horizontal legend.

Vertical

Display a vertical legend.

Horizontal Position

Set the horizontal position of the legend.

  • Center
  • Left
  • Right

Vertical Position

Set the vertical position of the legend.

  • Top
  • Middle
  • Bottom

Series Settings

Each series can be controlled independently, allowing flexible charts where each series can have a different visual appearance.

Series Type

Control the series type.

Bar

The bar or column chart shows data through the height of a bar. The bar chart series requires at least 1 category axis.

Line

The line chart is represented by a series of datapoints connected with a straight line.

Line charts are most often used to visualize data that changes over time.

Scatter

A scatter plot is a two-dimensional data visualization that uses dots to represent the values obtained for two different variables - one plotted along the x-axis and the other plotted along the y-axis.

Stack Name

Series can be combined into stacks where the values of each series is stacked on top of each other.

Combine two or more series by giving them the same stack name.

Area Style

Control the color of the surface area between the series values and starting point.

If area fill is turned off, the series becomes a line chart. If it is turned on, the series becomes an area chart.

Automatic fill

Fill the area between axis line to data;

Default

Select the appropriate fill direction based on the layout of the chart.

No fill

Do not fill the series area.

From min value

Fill between the min axis value (when not inverse) to the data.

From max value

Fill between the max axis value (when not inverse) to the data.

Sampling

Series values can be dowmsampled. This strategy can be used when the data size is much larger than the pixel size. It will improve the performance when turned on. Defaults to being turned off, indicating that all the data points will be drawn.

None

Do not sample the series values.

Average Value

Use average value of filter points.

Maximum Value

Use maximum value of filter points.

Minimum Value

Use minimum value of filter points.

Sum of Values

Use sum of filter points

Smoothing

Attempts to apply a smoothing function to avoid a jagged series.

Symbol

Select the symbol used to indicate data points in the series.

Pie Chart Series

Control the appearance of the pie chart visualization.

Pie charts can either be traditional pies, a doughnut chart with a hole in the middle of variable radius or a Nightingale rose chart, which distinguishs data through radius.

Pie Type

Select the pie chart type.

Normal

Display a normal pie chart.

Nightingale Chart by Radius

Display a Nightingale rose chart and use the central angle to show the percentage of data, radius to show data size.

Nightingale Chart by Area

Display a Nightingale rose chart where all the sectors will share the same central angle, the data size is shown through a varying pie slice radius.

Radius Delta

Control the size difference between the the inner and outer radius of the pie chart.

Label Position

Control the position of the labels of the pie chart sectors.

Automatic

Automatically determine the best label placement based on chart configuration.

No labels

Do not display any labels.

Outside

Display labels outside of sectors of pie chart connected to the corresponding sector through a visual guideline.

Inside

Display labels inside the sectors of the pie chart.

Center

Display labels in the center of the pie chart.