如何将Highcharts中的spline设置为静态非交互式?
解决方案
当然可以实现静态非交互的spline曲线,Highcharts并不强制所有元素都具备交互性。你只需要在spline系列的配置里添加关键属性就能达成需求:
- 关闭鼠标跟踪:设置
enableMouseTracking: false,这会彻底禁用该系列的所有鼠标交互(包括hover激活、数据点显示等行为) - 禁用hover状态(可选,配合上一项配置更彻底):在
states.hover中设置enabled: false
示例配置代码:
Highcharts.chart('container', { series: [{ type: 'spline', data: [1, 3, 2, 4, 5, 7, 6], enableMouseTracking: false, // 核心配置:关闭鼠标跟踪 states: { hover: { enabled: false // 禁用hover状态样式 } } }] });
如果需要全局关闭所有交互(比如提示框),还可以在图表根配置里添加tooltip.enabled: false,但仅针对spline曲线的话,上述系列级别的配置就足够了。
内容的提问来源于stack exchange,提问作者WoJ
相关产品推荐
相关产品推荐

