Chart.js v2.9.3
Simple yet flexible JavaScript charting for designers & developers. For more information please check Full Documentation
<!-- markup -->
<canvas id="BarChartExample"></canvas>
ctx=document.getElementById('BarChartExample').getContext("2d");
myChart=new Chart(ctx, {
type: 'line', data: {
labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct"], datasets: [{
label: "Active Users", borderColor: "#6bd098", pointRadius: 0, pointHoverRadius: 0, fill: false, borderWidth: 3, data: [542, 480, 430, 550, 530, 453, 380, 434, 568, 610]
}]
},
options: {
legend: {
display: false
},
tooltips: {
enabled: false
},
scales: {
yAxes: [{
ticks: {
fontColor: "#9f9f9f", beginAtZero: false, maxTicksLimit: 5
},
gridLines: {
drawBorder: false, zeroLineColor: "transparent", color: 'rgba(255,255,255,0.05)'
}
}],
xAxes: [{
barPercentage: 1.6, gridLines: {
display: false
},
ticks: {
padding: 20, fontColor: "#9f9f9f"
}
}]
}
}
}
);