JSFiddle - React, Tailwind, and code Playground

by mqdevWG

HTML

<script src="https://files.wnology.io/5fd77c0d33491f0006da9de8/script/chart.js"></script>

CSS

body { margin: 0; }

JavaScript

const labels = [
     'January',
     'February',
     'March',
     'Febru',
     'May',
     'June',
 ];
 const data = {
     labels: labels,
     datasets: [{
         label: 'My First dataset',
         backgroundColor: 'rgb(255, 255, 255)',
         borderColor: 'rgb(0, 0, 0)',
         data: [0, 10, 5, 2, 20, 30, 45],
     }]
 };
 const config = {
     type: 'line',
     data: data,
 };


 var cnv = document.createElement('canvas');
 cnv.style.backgroundColor = "#add8e6";
var ctx = cnv.getContext("2d");
document.body.append(cnv)

 var myChart = new Chart(
     cnv,
     config
 );