Skip to content

Instantly share code, notes, and snippets.

@FarazPatankar
Last active January 7, 2017 17:32
Show Gist options
  • Select an option

  • Save FarazPatankar/23a9a1b473575bc22b3c839b47698f96 to your computer and use it in GitHub Desktop.

Select an option

Save FarazPatankar/23a9a1b473575bc22b3c839b47698f96 to your computer and use it in GitHub Desktop.
A helper function to draw values on a chart created using ChartJS.
var drawBarValues = function(el) {
var ctx;
ctx = el.chart.ctx;
ctx.font = Chart.helpers.fontString(Chart.defaults.global.defaultFontSize, 'normal', Chart.defaults.global.defaultFontFamily);
ctx.fillStyle = el.chart.config.options.defaultFontColor;
ctx.textAlign = 'center';
ctx.textBaseline = 'bottom';
el.data.datasets.forEach(function(dataset) {
var i, model, originalValue;
i = 0;
while (i < dataset.data.length) {
if (dataset.hidden === true && dataset._meta[Object.keys(dataset._meta)[0]].hidden !== false) {
i++;
continue;
}
model = dataset._meta[Object.keys(dataset._meta)[0]].data[i]._model;
ctx.fillText(dataset.data[i], model.x - 1, model.y - 5);
i++;
}
});
};
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment