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" } }] } } } );