Graph/Chart Examples

We have used Apex Charts which is a free library https://apexcharts.com/. We have also applied the chart to the CMS to configure the outputs, from the CMS users can choose chart type and data values, there are limitations based on the chart type.

In the CMS you can set first the Style adding options for all elements and then save this style when you add a chart type to the system.

When re creating for your project simply create the same CMS structure then copy the embed code.
In the CMS you can set first the Style adding options for all elements and then save this style when you add a chart type to the system.
Here you can start to set the style and create your chart and its values, each data value is comma separated so Data value 1 is : 25,65,89 then the same for Data value 2.
You can see that we use CMS fields to replace the Javascript values so we can control from the CMS
Pie, Donut Chart
Pie Chart