JSFiddle - React, Tailwind, and code Playground

by askhflajsf

HTML

<script src="https://rawgit.com/chartjs/chartjs.github.io/master/dist/master/Chart.bundle.min.js"></script>
<canvas id="bar-chart"></canvas>

JavaScript

var myOptions = {
  legend: {
    display: true,
    position: "right"
  },
  title: {
    display: false
  }
}

var barChartData = {
  labels: ["Bitcoin", "Ethereum", "Litecoin", "Dogecoin"],
  datasets: [{
    backgroundColor: [
      "black",
      "darkgrey",
      "orange",
      "blue",
      "lime"
    ],
    data: [
      75,
      15,
      5,
      5
    ]
  }],
  
};

var ctx = document.getElementById("bar-chart").getContext("2d");
new Chart(ctx, {
  type: 'pie',
  data: barChartData,
  options: myOptions
});