相关疑难解决方法(0)

如何在圆环图中渲染文本,我正在使用ChartJs.

我正在使用 React ChartJS 2 创建一些图表，但我想在它们顶部显示一个带有百分比的标签，当我将鼠标悬停在它们上方时显示实际数字。我发现您可以使用选项对象上的上下文执行类似的操作。

var options = {
   tooltips: {
     enabled: false
   },
   plugins: {
     datalabels: {
       formatter: (value, ctx) => {

         let datasets = ctx.chart.data.datasets;

         if (datasets.indexOf(ctx.dataset) === datasets.length - 1) {
           let sum = datasets[0].data.reduce((a, b) => a + b, 0);
           let percentage = Math.round((value / sum) * 100) + '%';
           return percentage;
         } else {
           return percentage;
         }
       },
       color: '#fff',
     }
   }
 };

var ctx = document.getElementById("pie-chart").getContext('2d');
 var myChart = new Chart(ctx, {
   type: 'pie', …