Chart.js X Webflow Integration

site profile thumbnail
Hi all. Here's a pretty nifty way to incorporate simple Chart.js features into your Webflow workflow. 1) Add a div, and chuck an HTML Embed inside the div. 2) Apply the chart id - eg: <canvas id="myChart"></canvas>. 3) Inside the HTML Embed (below the canvas tag), chuck in the Chart.JS CDN (grab latest CDN links here: https://cdnjs.com/libraries/Chart.js ). 4) Apply the script content again in the HTML Embed, for example <script> var myPieChart = new Chart(ctx, { type: 'pie', data: data, options: options }); </script> Head over to https://www.chartjs.org/ for a comprehensive insight into it's usability, and feel free to clone this if you want to play around with it inside Webflow.

More sites by Elliot Rylands

See profile

Similar sites