使用 Chart.js 2.7.3 版本固定展示 Tooltip 内容需要使用回调函数。具体来说,您可以使用 Tooltip 的回调函数 'callbacks: {}' 来设置要显示的标签。以下是一个示例代码:

options: {
   tooltips: {
      callbacks: {
         label: function(tooltipItem, data) {
            return data.datasets[tooltipItem.datasetIndex].label + ': ' + tooltipItem.yLabel;
         }
      }
   }
}

在这个回调函数中,我们获取数据集中与鼠标悬停的数据点对应的标签和值,并将它们组合成一个字符串返回。这样就可以在 Tooltip 中显示固定的标签和值。

要将 Tooltip 保持固定,您可以在回调函数中使用 'return' 语句返回要显示的标签。这将导致 Tooltip 保持打开状态,直到用户单击另一个数据点或单击图表之外的区域。

希望这可以帮助您实现固定展示 Tooltip 的功能。

Chart.js 2.7.3 固定展示 Tooltip 内容

原文地址: https://www.cveoy.top/t/topic/l4Sx 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录