禁用hightcharts中的事件
disabling events in hightcharts js
我需要禁用高图表堆叠面积图中图例上的事件。下面是我的代码:
chart: {
type: 'area',
},
point: {
events: {
legendItemClick: function () {
return false; // <== returning false will cancel the default action
},
},
},
title: {
text: title,
},
xAxis: {
type: 'datetime',
min: startDateInMS,
max: endDateInMS,
},
yAxis: {
title: {
text: yLabel,
},
},
series: data,
plotOptions: {
series: {
stacking: 'normal',
},
},
credits: {
enabled: false,
},
};
这似乎ok根据文档,但你仍然可以点击在图例中删除项目从图表,我不想要的。任何帮助都是可爱的!!
您的问题来自于您将单击事件分配给点的事实,但从它的外观来看,您的图表是area
,并且您将单击事件应用于错误的属性。
你把它放在lines
下,同时,它需要嵌套成- plotOptions -> area -> events -> legendItemClick
chart: {
type: 'area',
},
plotOptions: {
area: {
events: {
legendItemClick: function () {
return false; // <== returning false will cancel the default action
}
}
}
},
title: {
text: title,
},
xAxis: {
type: 'datetime',
min: startDateInMS,
max: endDateInMS,
},
yAxis: {
title: {
text: yLabel,
},
},
series: data,
plotOptions: {
series: {
stacking: 'normal',
},
},
credits: {
enabled: false,
},
};
明白了…我有另一个情节选项,进一步停机代码,在编写以下代码:
chart: {
type: 'area',
},
plotOptions: {
series: {
stacking: 'normal',
},
area: {
events: {
legendItemClick: function () {
return false; // <== returning false will cancel the default action
},
},
},
},
title: {
text: title,
},
xAxis: {
type: 'datetime',
min: startDateInMS,
max: endDateInMS,
},
yAxis: {
title: {
text: yLabel,
},
},
series: data,
credits: {
enabled: false,
},
};
谢谢你的帮助! 相关文章:
- 分派点击事件并保留击键修饰符
- 模糊事件的Javascript测试
- keyup事件处理程序更改焦点不适用于快速键入
- 使用 jQuery 的 .on 函数如何获取事件的原始元素
- 如何使Javascript动态html表及其上的事件
- 使用类从一个标记中双击事件
- 如何在未直接触发的情况下停止事件
- 如何在elfinder插件(一个文件管理器插件)上获得上传前事件
- 对iPad上的点击事件反应缓慢
- 事件和状态
- Fancybox是否将Click事件静音
- 主干-不管怎样,检查事件以前是否绑定过
- 从控制器返回后Ajax启动事件激发
- 如何从画布上的某个移动事件中获取X和Y
- Jquery:未触发select事件
- JsFiddle上的鼠标事件不起作用
- 只覆盖箭头键滚动事件
- $window.ga在AngularJS事件中未定义
- cron作业与Javascript计时事件
- 禁用hightcharts中的事件