javascript - Chart.js 工具提示回调函数与饼图

标签 javascript charts chart.js

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

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

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

最佳答案

试试这个:

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

关于javascript - Chart.js 工具提示回调函数与饼图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37589589/

相关文章:

javascript - 构建 Chart.js master - 生成的 .js 出现错误

javascript - 设置背景图像 css 时如何防止 Google Chrome 访问服务器?

javascript - jQuery Datepicker BeforeShowDay 第二个参数

javascript - 无法永久存储拖动项目的ID

javascript - jquery ajax POST 中的字符串参数

c# - 如何在 C# 中的柱形图顶部添加百分比

excel - 更改图表上系列的填充颜色

jquery - 未捕获错误 : Invalid dimensions for plot, 宽度 = null,高度 = null

javascript - 如何打印由代码呈现的图表

javascript - 如何为 ChartJS 条形图中的每个条形获取不同的标签?