Charts

Chart Type (Bar Veritcal)

Vertical bar chart provides a way of showing data values represented as vertical bars. It is sometimes used to show trend data, and the comparison of multiple data sets side by side.

The bar chart allows a number of properties to be specified for each dataset. These are used to set display properties for a specific dataset. For example, the colour of the bars is generally set this way.

Chart Type (Bar Horizontal)

A horizontal bar chart is a variation on a vertical bar chart. It is sometimes used to show trend data, and the comparison of multiple data sets side by side.

The configuration options for the horizontal bar chart are the same as for the bar chart. However, any options specified on the x axis in a bar chart, are applied to the y axis in a horizontal bar chart. The default horizontal bar configuration is specified. 

Chart Type (Line) Example

A line chart is a way of plotting data points on a line. Often, it is used to show trend data, or the comparison of two data sets. 

The line chart allows a number of properties to be specified for each dataset. These are used to set display properties for a specific dataset. For example, the colour of a line is generally set this way.

Chart Type (Radar) Example

A radar chart is a way of showing multiple data points and the variation between them. They are often useful for comparing the points of two or more different data sets. 

The radar chart allows a number of properties to be specified for each dataset. These are used to set display properties for a specific dataset. For example, the colour of a line is generally set this way. Properties can be specified as an array. 

Chart Type (Pie) Example

Pie and doughnut charts are probably the most commonly used charts. They are divided into segments, the arc of each segment shows the proportional value of each piece of data.

They are also registered under two aliases in the chart core. Other than their different default value, and different alias, they are exactly the same. 

Chart Type (Polar Area) Example

Polar area charts are similar to pie charts, but each segment has the same angle – the radius of the segment differs depending on the value.

This type of chart is often useful when we want to show a comparison data similar to a pie chart, but also show a scale of values for context. We can also change these defaults values for each Polar Area type.

Chart Type (Bubble) Example

A bubble chart is used to display three dimensions of data at the same time. The location of the bubble is determined by the first two dimensions and the corresponding horizontal and vertical axes. The third dimension is represented by the size of the individual bubbles. 

The bubble chart allows a number of properties to be specified for each dataset. These are used to set display properties.

Legends Alignment Example

In this part we have shown legends alignment with polar area, pie, bar horizontal & bar vertical charts example.

Grid Color Example

In this section we have shown grid color with bar horizontal, bar vertical, bubble & line charts example.

Tooltip Background Color Example

In this section we have shown tooltip background color with bar horizontal, bar vertical, bubble & line charts example.

Want to see how charts widget works?