Chart.js工具提示带有饼图的回调函数

Dan*_*iel 1 javascript charts chart.js

在图表选项配置中,我可以制作自己的标签.这是一个条形图:

tooltips: {
      callbacks: {
        label: function(tooltipItem) {
          var label = tooltipItem.yLabel;
          return  'Scans : ' + label;
        }
      }
    }
Run Code Online (Sandbox Code Playgroud)

但是对于饼图,所有tooltipItems都是空的或0值.我可以使用什么参数来获取我在饼图中悬停的位置的值?(特定切片的值)

小智 12

试试这个:

tooltips: {
    mode: 'label',
    callbacks: {
        label: function(tooltipItem, data) { 
            var indice = tooltipItem.index;                 
            return  data.labels[indice] +': '+data.datasets[0].data[indice] + '';
        }
    }
},
Run Code Online (Sandbox Code Playgroud)

  • 谢谢。请注意,如果您要在“数据集”数组中使用“堆栈”选项来堆栈数据,则它将为“ var indice = tooltipItem [0] .index;”。 (2认同)