The Chart media item can be used to display basic chart data. It's best for small amounts of data points. If you have a large amount of data to display then you may consider finding another 3rd party solution.

Lorem culpa: 136
Dolor id: 271
Aute laborum: 98
Lorem proident: 76
Sint dolore: 54

Options

  • Chart Type - The chart data can be displayed as a vertical or horizontal bar, in a pie or doughnut, or as a line chart.

  • Chart Color - This is the default color for the data points. This can be overwritten on an individual basis.

  • Data - The list of data points.

    • Label - The label displayed in the chart.

    • Value - The numerical value.

    • Color - Here you can set the color for the individual data point.

Examples

Here are examples of the same set of data points with different display options.

Bar

Lorem culpa: 136
Dolor id: 271
Aute laborum: 98
Lorem proident: 76
Sint dolore: 54

Horizontal Bar

Dolor id: 271
Lorem culpa: 136
Aute laborum: 98
Lorem proident: 76
Sint dolore: 54

Doughnut

Lorem culpa: 136
Dolor id: 271
Aute laborum: 98
Lorem proident: 76
Sint dolore: 54

Pie

Lorem culpa: 136
Dolor id: 271
Aute laborum: 98
Lorem proident: 76
Sint dolore: 54

Line

Lorem culpa: 136
Dolor id: 271
Aute laborum: 98
Lorem proident: 76
Sint dolore: 54

Advanced Usage

Card Columns