Chart.jsの水平バーにテキストセンターの数を揃える方法は？

Question

グラフ・バーの値を半分に分割してみましたが、機能しません！

Code link

Chart.helpers.each(
 
      meta.data.forEach(function(bar, index) { 
 
       data = dataset.data[index]; 
 
       if (i == 0) { 
 
       ctx.fillText(data, bar._model.x/1.6, bar._model.y + 4); 
 
       } else { 
 
       ctx.fillText(data, bar._model.x-25, bar._model.y + 4); 
 
       } 
 
      }),

Answer 1

次のようにして、（meta.dataループ内）の各水平バーの中心位置を取得することができます。

var barWidth = bar._model.x - bar._model.base; 
var centerX = bar._model.base + barWidth/2; 

を

と位置を取得した後、それに応じてカウントテキストを描画...

Chart.helpers.each(this.data.datasets.forEach(function(dataset, i) { 
    var meta = chartInstance.controller.getDatasetMeta(i); 
    Chart.helpers.each(meta.data.forEach(function(bar, index) { 
     var data = dataset.data[index]; 
     var barWidth = bar._model.x - bar._model.base; 
     var centerX = bar._model.base + barWidth/2; 
     if (i == 0) { 
     ctx.fillText(data, centerX, bar._model.y + 4); 
     } else { 
     ctx.fillText(data, centerX, bar._model.y + 4); 
     } 
    }), this); 
}), this); 

う - live demo