如何在移动设备和小屏幕上禁用chartjs工具提示?

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

图表上有很多点,所以当我在移动屏幕或小屏幕上单击时,工具提示仅显示来自多个点的数据:

enter image description here

我对此进行了研究,发现最好的方法是在小屏幕上禁用工具提示。我尝试遵循文档中的this advice。但没有运气:

options: {
        // This chart will not respond to mousemove, etc
        events: ['click']
    }

[我也找到了that,但我认为它实际上与我根据文档中的建议所做的事情有关。

任何想法如何解决?

chart.js
1个回答
0
投票

如下所示,可以在options中禁用工具提示(请参见Tooltip Configuration:]

option: 
    tooltips: {
        enabled: false
    }
    ...
}

代替使用硬编码值false,您可以从返回truefalse的函数中获取该值,具体取决于屏幕尺寸。

option: 
    tooltips: {
        enabled: window.screen.width > 400
    }
    ...
}
© www.soinside.com 2019 - 2024. All rights reserved.