如何选中和取消选中HighCharts线图中的所有图例元素
How to Check and Uncheck all the Legend elements in HighCharts Linechart?
我想一次性定制选中和取消选中图例元素,我没有任何想法,我们可以这样做吗?
这个例子就是这样做的,加上各种其他的图例项和复选框,使用一系列外部控件:
http://jsfiddle.net/simo/57SR9/94/功能:
$('#checkAll').click(function(){
for(i=0; i < chart.series.length; i++) {
if(chart.series[i].selected == false){
chart.series[i].select();
showSeries.call(chart.series[i], {checked: true});
}
}
});
您可以遍历图表中的每个系列并调用show()
或hide()
函数,这取决于您想要做什么。此解决方案与前面的答案类似,但使用show
/hide
函数
i = 0;
while (i < chart.series.length) {
if (chart.series[i].visible === false) { // here you can filter the visible series
chart.series[i].select();
chart.series[i].show(); // here you can call hide()
i++;
return;
}
}
你可以这样写:
var legendLeft = $j('<div>')
.css({
width: 160,
maxHeight: 210,
padding: 10,
position: 'absolute',
overflow: 'auto',
right: 500,
top: 380,
borderRadius: options.borderRadius
})
.appendTo(chart.container);
var legendRight = $j('<div>') .css({
width: 260,
maxHeight: 210,
padding: 10,
position: 'absolute',
overflow: 'auto',
right: 165,
top: 383,
borderRadius: options.borderRadius
}).appendTo(chart.container);
检查:http://hililide.com/forum/viewtopic.php?f=9&t=15782
示例1:http://jsfiddle.net/Fusher/ArmRM/14587/
示例2:http://jsfiddle.net/hfrntt/EQGWV/
相关文章:
- CKEditor Widget-阻止编辑可编辑元素本身
- 如何设置html元素填充的动画
- 如何将HTML id分配给元素,以及如何将JavaScript应用于元素
- 使用 jQuery 的 .on 函数如何获取事件的原始元素
- 使用clickToggle并在单击另一个元素时关闭元素
- 单击时将焦点更改为元素
- 表追加而不附加最后一个元素
- 如何在jQuery中获取元素的形式
- 我可以获得相对于被点击元素的确切点击位置吗
- 在函数中添加数组元素的数值
- HighCharts长标题文本在某些元素上重叠
- 如何从“系列”元素中获取HighCharts系列“id”
- 根据 HighCharts 对象的变量访问数组的元素
- 获取Highcharts中的容器元素
- Highcharts图表只显示序列中最后一个元素
- 如何选中和取消选中HighCharts线图中的所有图例元素
- 可拖动的Highcharts SVG元素
- Highcharts为什么要拆分?元素占用整个页面
- 是否有一种方法可以从Highcharts传入变量元素ID来启动模态窗口?
- Highcharts规范样式和添加CSS元素