Tutorial by Examples

Plugins are a way for a developer to modify a chart as it is being created. Chart.js calls all plugins at the following chart states: Start of initialization End of initialization Start of update After the chart scales have calculated Start of datasets update End of datasets update End of u...

Create horizontal lines with a label. This could be used to show notable values in the chart data (e.g. min, max, average). JSFiddle Demo var horizonalLinePlugin = { afterDraw: function(chartInstance) { var yScale = chartInstance.scales["y-axis-0"]; var canvas = chartInstance...