在Highcharts中使用按钮/复选框显示/隐藏数据的示例
Example to show/hide data with buttons/checkbox in Highcharts?
我想知道是否有一种方法来显示/隐藏系列,基于按钮或复选框
我想把所有的数据放在一个大的图中,但为了不使它太混乱,我想在运行时决定显示哪些数据。
这可能吗?有一个例子,我可以使用作为模板?我有大约12个不同的数据集;这意味着我还需要弄清楚如何从不同的文件加载不同的数据,而不写12个不同的get data函数。
Highcharts有一个API调用来做你想做的事情。您要的电话是系列电话。Hide或series.show.
例如,以下代码(来自highchars自己的示例)将切换一个系列的开和关:
var series = chart.series[0];
if (series.visible) {
series.hide();
$button.html('Show series');
} else {
series.show();
$button.html('Hide series');
}
http://api.highcharts.com/highcharts Series.show
http://jsfiddle.net/gh/get/jquery/1.7.2/hililide-software/highcharts.com/tree/master/samples/highcharts/members/series-hide/相关文章:
- 具有rowGrouping的数据表无法隐藏列
- 有没有一种方法可以仅使用HTML/CSS来隐藏基于特定值的数据单元格
- 数据表-隐藏/显示列
- 在函数调用中封装数据除了隐藏数据之外还有什么优点
- 敲除:如何使用可见数据绑定可见来隐藏段落标记
- 如何在php循环中显示隐藏的数据类型
- 正在代码隐藏中检索选定ListBox项的属性数据
- 加载时隐藏数据表
- 使用 JQuery 隐藏没有数据(包括标头)且具有相同表 ID 的列
- HTML多页表单显示隐藏部分,保留表单数据
- handontable:在不更改数据数组/对象的情况下隐藏某些列
- jTable条件显示隐藏基于数据所有者的编辑和删除按钮
- Javascript中的数据隐藏
- 封装/数据隐藏在Javascript中
- 基于JQuery中的数据隐藏元素
- 附加/添加自定义数据(隐藏)到html元素
- Javascript提示-数据隐藏在ie中
- 数据隐藏行为在打印预览我的应用程序
- 高图稀疏数据-隐藏空值
- 一个帮助数据隐藏在模块化下的JavaScript连接程序