Show point values in chartjs - Seniman Coding

Post Top Ad

Responsive Ads Here

Show point values in chartjs

Share This
 options: {
        responsive: true,
        animation: {
      onProgress: drawBarValues,
      onComplete: drawBarValues
    },
    hover: { animationDuration: 0 }

    }



function drawBarValues()
{
  // render the value of the chart above the bar
  var ctx = this.chart.ctx;
  ctx.font = Chart.helpers.fontString(Chart.defaults.global.defaultFontSize'normal'Chart.defaults.global.defaultFontFamily);
  ctx.fillStyle = this.chart.config.options.defaultFontColor;
  ctx.textAlign = 'center';
  ctx.textBaseline = 'bottom';
  this.data.datasets.forEach(function (dataset) {
    for (var i = 0i < dataset.data.lengthi++) {
      if(dataset.hidden === true && dataset._meta[Object.keys(dataset._meta)[0]].hidden !== false){ continue; }
      var model = dataset._meta[Object.keys(dataset._meta)[0]].data[i]._model;
      if(dataset.data[i] !== null){
        ctx.fillText(dataset.data[i], model.x - 1model.y - 5);
      }
    }
  });
}

Tidak ada komentar:

Posting Komentar

Post Bottom Ad

Responsive Ads Here

Pages