JSFiddle - React, Tailwind, and code Playground

by winter_limelight

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.3/Chart.min.js"></script>
<canvas id="chart" style="height: 400px; width: 400px;"></canvas>

JavaScript

var ctx = document.getElementById("chart").getContext('2d');
var chart = new Chart(ctx, {
  type: 'bar',
  data: {
    labels: ['Feb 18', 'Mar 18'],
    datasets: [{
      backgroundColor: '#AAFFCC',
      borderColor: '#0000FF',
      borderWidth: 1,
      data: [1, -1]
    }]
  },
  options: {
    scales: {
      yAxes: [{
        gridLines: {
          zeroLineColor: '#FF0000'
        },
      }]
    },
    maintainAspectRatio: false
  }
});