angularjs 如何在chart.js的工具提示中添加文本或符号

nxagd54h  于 2022-12-17  发布在  Angular
关注(0)|答案(4)|浏览(132)

想在chart.js的工具提示中添加%符号怎么办?

var chart = new chart(ctx,{
   type:'bar',
   data : data
});
ldioqlga

ldioqlga1#

options : {
         tooltips: {
                  enabled: true,
                  mode: 'single',
                  callbacks: {
                           label: function (tooltipItems, data) {
                                return  tooltipItems.yLabel + " %";
                           }
                  }
         }
e7arh2l6

e7arh2l62#

此代码也适用于饼图:

tooltips: {
    enabled: true,
    mode: 'single',
    callbacks: {
        label: function (tooltipItems, data) {
            var i = tooltipItems.index;
            return data.labels[i] + ": " + data.datasets[0].data[i] + " %";
        }
    } 
}
w1e3prcc

w1e3prcc3#

我也面临同样的问题3+

plugins: {
  tooltip: {
    yAlign: 'bottom',
    callbacks: {
      label(tooltipItems: any) {
        return `${tooltipItems.formattedValue} %`
      }
    }
  }
}
utugiqy6

utugiqy64#

更新:这适用于Chartjs版本-3.9.1

tooltip: { 
    callbacks: {
     label: function (context) {
        return context.label + ': ' + context.formattedValue + '%';
     }
   }
 }

使用此选项,您可以在工具提示中将后缀或前缀附加到标签值。

相关问题