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


Determines the type of axis to use.


Selects the appropriate axis type automatically.


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 axis, suitable for continuous data.


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.


Log axis, suitable for log data.


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


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


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.


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


Set the placement of the axis labels


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.


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).


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.


Set the legend type.

No legend

Do not display a legend.


Display a horizontal legend.


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.


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


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.


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;


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.


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.


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


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


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.


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.


Automatically determine the best label placement based on chart configuration.

No labels

Do not display any labels.


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


Display labels inside the sectors of the pie chart.


Display labels in the center of the pie chart.