JSFiddle - React, Tailwind, and code Playground

by Chris LaFrombois

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.1/Chart.js"></script>
<canvas id="chart"></canvas>

JavaScript

Chart.helpers.merge(Chart.defaults.global, {
  elements: {
    line: {
      backgroundColor: 'rgb(55, 128, 0)',
      borderColor: 'rgb(128, 128, 0)',
    }
  }
});

var myChart = new Chart('chart', {
  type: 'line',
  data: {
    labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
    datasets: [{
      label: '# of Votes',
      data: [12, 19, 3, 5, 2, 3],
    }]
  },
});