JSFiddle - React, Tailwind, and code Playground

by hiroppy

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.min.js"></script>

<canvas id="canvas" height="100" width="100"></canvas>

JavaScript

const data = [
  2016312,
  452028,
  7972525,
  452028,
  11782907,
  3062704,
  420357,
  381949
];

const myChart = new Chart(
  document.getElementById('canvas').getContext('2d'),
  {
    type: 'pie',
    data: {
      datasets: [
        {
          data,
          backgroundColor: [
            '#ff6384',
            '#36a2eb',
            '#cc65fe',
            '#ffce56',
            '#1f77b4',
            '#ff7f0e',
            '#2ca02c',
            '#d62728'
          ]
        }
      ],
      labels: [
        '4',
        '5',
        '6',
        '7',
        '8',
        '9',
        '0.10',
        '0.12'
      ]
    }
  } 
);