如何在图表js中显示空值点的工具提示?

问题描述 投票:0回答:1

我正在使用 Chart.js 显示带有自定义工具提示的折线图。我已经使用工具提示插件中的外部选项实现了自定义工具提示渲染逻辑。但是,当存在 value: null 的点时,不会触发外部回调,并且不会显示这些点的工具提示。

这是我当前的配置:

plugins: {
    tooltip: {
        enabled: false,
        // other options...
        external: (context) => {
            const { chart, tooltip } = context;
            // my custom tooltip render logic...
        }
    }
}

我尝试了各种方法,但找不到使外部回调针对空值触发的方法。有没有可用的解决方案或解决方法?

任何帮助将不胜感激!

javascript chart.js
1个回答
0
投票

作为解决方案,我停止使用外部回调,而是添加了一个事件监听器:

chart.canvas.addEventListener('mousemove', chartHovering);

在 ChartHovering 函数中,我根据鼠标位置找到最近的 x 轴刻度,然后使用其日期时间从数据集中查找相应的元素。

之后,我继续像以前一样构建自定义工具提示。

© www.soinside.com 2019 - 2024. All rights reserved.