Customizable responsive charts, including: Line chart, Bar chart and Pie chart.
Make sure to link to Chartist css and js files in your document: assets/vendor/chartist/dist/chartist.min.css and assets/vendor/chartist/dist/chartist.min.js. Use this page as a reference.
Around added extra layer of data attributes to access the core features of the plugin right in HTML document. There are 3 main attributes:
data-line-chart | data-bar-chart | data-pie-chart
- to pass in data in JSON format to be displayed in line, bar or pie chart format respectively.data-options
- to pass in additional options in JSON format.data-series-color
- to assign individual color to each data set. Data passed in JSON format.
Check the code examples below.