The Corvid custom ChartJS component demonstrates how to provide more flexibility when creating chart elements for Corvid sites. This component can be fully customized according to your project’s needs.
This component is using ChartJS NPM module: https://www.chartjs.org/
Note: You can only use Custom Elements on Premium sites without ads.
How We Built It
This example uses a database collection of chart items. Each row in the collection holds an item in the chart including it’s label, number of votes, background color, and border color.
The chart-api module provides the API and SEO for the custom element.
The chart-customization module stores customization properties for the chart.
The Chart Design
The chart.js module stores css and html markup. You can customize it to get the effect you require.
The Custom Element
The custom-elements/chart.js module stores the custom element itself.