仅在chart.js中的工具提示上显示当前y值

k7fdbhmy  于 2022-11-06  发布在  Chart.js
关注(0)|答案(2)|浏览(172)

我正在使用Chart.js开发一个图表,我想在工具提示中只显示y轴的值。当前显示:
行日期名称:测量值
例如:2020年1月1日上午8:00:00第5百分位数:一百盎司。
我希望它看起来是这样的:第5百分位数:100盎司
下面是我到目前为止格式化y轴工具提示的代码:

callbacks: {
                    label: function(context) {
                        let label = context.dataset.label || '';

                        if (label) {
                            label += ': ';
                        }

                        if (context.parsed.y !== null) {
                            label += new Intl.NumberFormat('en-US').format(context.parsed.y);
                            label += ' oz';
                        }

                        return label;
                    }
}
voase2hg

voase2hg1#

这是我的工作
仅适用于x值

tooltips:{
         callbacks: {
    title: function(tooltipItems, data) {
      return '';
    },
    label: function(tooltipItem, data) {
      var datasetLabel = '';
      var label = data.labels[tooltipItem.index];
      return data.datasets[tooltipItem.datasetIndex].data[tooltipItem.index];
    }
  }

  }

仅适用于y值

tooltips: {
enabled: true,
displayColors:false,
callbacks: {
    label:(tooltipItem)=>{
        return tooltipItem.parsed;
    },
}

},

nvbavucw

nvbavucw2#

最后我想出了如何让这个工作。

相关问题