JSFiddle - React, Tailwind, and code Playground

by omamesh

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.3.0/Chart.bundle.min.js"></script>
<div style="width: 500px;height: 300px">
  <canvas id="mychart"></canvas>
</div>

JavaScript

(function() {
  var ctx = document.getElementById("mychart");

  var datas = {
    labels: ['Item 1', 'Item 2', 'Item 3', 'Item 4', 'Item 5'],
    datasets: [{
      label: 'Data A',
      data: [10, 20, 30, 5, 65],
      backgroundColor: [
        "#FF6384",
        "#4BC0C0",
        "#FFCE56",
        "#E7E9ED",
        "#36A2EB"
      ],
    }, ]
  };

  var options = {};


  var chr = new Chart(ctx, {
    data: datas,
    type: 'pie',
    options: options,
  });

})();