Chart.js v2.7.1
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"
}
}]
},
}
});