ChartJS 3.7.1 tooltip回调,为下一个索引获取标签值

3zwtqj6y  于 2022-11-07  发布在  Chart.js
关注(0)|答案(1)|浏览(176)

我目前正在从2.9.3迁移到3.7.1,我在从选项对象迁移回调函数时遇到了问题。
原位置:options.plugins.tooltip.callbacks.title
迁移位置:options.plugins.tooltip.callbacks.title
前功能(简化):

function (tooltipItems, data) {
    var tooltipItem = tooltipItems[0];
    var currentLabel = data.labels[tooltipItem.index];
    var nextLabel = data.labels[tooltipItem.index +1];
    return currentLabel + ' - ' + nextLabel;
}

迁移的函数:

function (tooltipItems) {
    var tooltipItem = tooltipItems[0];
    var currentLabel = tooltipItem.label;
    var nextLabel = ? // how to get nextLabel?
    return currentLabel + ' - ' + nextLabel;
}

tooltipItem.dataset具有标签数组,但当i console.log(tooltipItems)时,该数组显示为空

vlurs2pr

vlurs2pr1#

您可以访问图表对象并拥有数据索引,这样就可以从labels数组中获取正确的标签,如下所示:

title: (items) => {
  const item = items[0];
  const {
    chart
  } = item;
  const nextLabel = chart.data.labels[item.dataIndex + 1] || '';
  return `${item.label}, next label: ${nextLabel}`;
}

第一个

相关问题