JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.1.4/Chart.min.js"></script>
<canvas id="chart"></canvas>
JavaScript
var simpleChart = new Chart($('#chart'), {
type: 'bar',
data: {
labels: ['Online', 'Offline'],
datasets: [{
label: "# of servers",
data: [1, 7],
backgroundColor: [
'#009245',
'#c02a31'
]
}]
},
options: {
title: {
display: false
},
scales: {
yAxes: [{
beginAtZero: true
}]
}
}
});