Reference
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:
- Download both files bellow.
- Copy the CSV file to a folder of the site.
- Create a new CSV Source based on that file.
- Import the Section in the builder and open the Chart element configuration.
- Open the
Dataset
, then again open itsData Item
. - In the
Advanced Tab
of the item choose the previously created CSV source as its Dynamic Content.
Builder Section
Download the Builder Section.
CSV Data
Download the CSV Data.
Sources Addon Required
Notice that this preset is dependent on the premium Sources Addon for the CSV data source creation.