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

时间:2016-06-02 10:43:44

标签: javascript charts chart.js

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

tooltips: {
      callbacks: {
        label: function(tooltipItem) {
          var label = tooltipItem.yLabel;
          return  'Scans : ' + label;
        }
      }
    }

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

1 个答案:

答案 0 :(得分:9)

试试这个:

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