JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://code.jquery.com/jquery-2.2.3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.bundle.js"></script>
<canvas></canvas>
JavaScript
var config = {
type: 'bar',
data: {
labels: [
"2016-04-23",
"2016-04-24",
"2016-04-25",
"2016-04-26",
],
datasets: [{
label: "2016",
backgroundColor: "rgba(255,255,255,0.5)",
borderColor: "rgba(0,114,188,1)",
borderWidth: 4,
data: [2, 0, 3, 1]
}],
borderWidth: 4
},
options: {
scales: {
yAxes: [
{
display: false,
ticks: {
beginAtZero: true,
min: 0,
suggestedMin: 0
}
}
],
yAxes: [
{
display: false,
ticks: {
beginAtZero: true,
min: 0,
suggestedMin: 0
}
}
]
},
}
};
new Chart($('canvas'), config);