Highcharts 中文社区

 找回密码
 立即注册

自定义图例点击事件

2015-2-6 14:11| 发布者: 群大大| 查看: 5232| 评论: 1|原作者: rencht

摘要: 图表自带的图例点击事件是: 点击某个显示/隐藏的图例,该图例对应的serie就隐藏/显示。个人觉得不合理,正常来说,有多条折线(或其他类型的图表),点击某个图例是想只看该图例对应的数据;于是修改了图例点击事件。 ...
图表自带的图例点击事件是:
点击某个显示/隐藏的图例,该图例对应的serie就隐藏/显示
个人觉得不合理,正常来说,有多条折线(或其他类型的图表),点击某个图例是想只看该图例对应的数据;
于是修改了图例点击事件。

实现的效果是(以折线图为例):
1. 当某条折线隐藏时,点击该折线的图例 --> 该折线显示;
2. 当全部折线都显示时,点击某个图例 --> 该图例对应的折线显示,其他折线均隐藏;
3. 当只有一条折线显示时,点击该折线的图例 --> 全部折线均显示;
4. 其他情况,按默认处理:
显示 --> 隐藏;
隐藏 --> 显示;

贴不了图,实例的效果见下:

P.S.
1. 在多个y轴的混合图中,若不想因为某个图的隐藏而使其轴/网格线/刻度线都随之隐藏的话,可以配置chart的ignoreHiddenSeries属性。
8

路过

雷人

握手

鲜花
2

鸡蛋

刚表态过的朋友 (10 人)

发表评论

最新评论

引用 2016-3-31 15:07
贴心

查看全部评论(1)

返回顶部