Chart Element

A chart element based on Chart.js.

The Chart Element allows you to display static and dynamic data using visually appealing charts and graphs based on the popular JavaScript library Chart.js v2.9.4.

Variety of chart types are supported, including Line, Vertical Bar, Horizontal Bar, Radar, Pie, Doughnut, Polar Area, Bubble, and Scatter. You can also customize the appearance of your charts using a range of options and settings.

Quick Start

Setting up a Dynamic Chart can be somewhat overwhelming, for an easier start you can download this combo of a Section plus CSV Data and then do this simple setup:

1. Download both files bellow.
2. Copy the CSV file to a folder of the site.
3. Create a new CSV Source based on that file.
4. Import the Section in the builder and open the Chart element configuration.
5. Open the Dataset, then again open its Data Item.
6. In the Advanced Tab of the item choose the previously created CSV source as its Dynamic Content.