Chart.js工具提示未在折线图中的特定点显示X轴数据集的所有值,模式问题:'索引'

unftdfkk  于 2022-11-06  发布在  Chart.js
关注(0)|答案(1)|浏览(178)

我曾经在SvelteKit中的Chart.js@2.9.4中使用以下配置,它在折线图的特定点中显示数据集的所有值。REPL LINK(https://svelte.dev/repl/c4ef578c34564d06a1278519be9a4b98?version=3.49.0)

options: {
    tooltips: {
        mode: 'index',
        intersect: false
    },
    hover: {
        mode: 'nearest',
        intersect: true
    },
    responsive: true
}

输出为:

将图表升级到chart.js@3.8.0后,它不会像上述配置那样在一个点上显示所有数据集。
这是chart.js@3中的输出:

我希望它在一个点上显示所有数据集。
先谢谢你!

qjp7pelc

qjp7pelc1#

这是因为您正在更新到一个新的主要版本,其中有多个重大的突破性变化,所以工具提示配置从options.tooltips命名空间移动到options.plugins.tooltip命名空间,如果您更改它的工作与预期的一样。我建议您先阅读migration guide,因为有更多的东西改变,将打破如果您只更新版本号。
第一个

相关问题