首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何修改highcharts图例项点击事件?

如何修改highcharts图例项点击事件?
EN

Stack Overflow用户
提问于 2012-05-16 00:22:23
回答 2查看 48.4K关注 0票数 53

我需要修改highcharts图例项上的单击事件。Highcharts演示http://www.highcharts.com/demo/line-basic。例如,我希望:第一个动作将是一些警报,第二个动作将是默认的动作(从图表中清除东京线)。谢谢。如果问题不清楚,很抱歉。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-05-16 00:39:11

您必须像下面的代码一样使用legendItemClick回调

代码语言:javascript
复制
plotOptions: {
        line: {

           events: {
                legendItemClick: function () {
                   alert('I am an alert');
                   //return false; 
                   // <== returning false will cancel the default action
                    }
                }
            ,
            showInLegend: true
        }
    }

这是working fiddle,当你点击像东京这样的图例,然后隐藏东京线时,它会显示警报。

另请参阅相关事件的plotOptions documentation。根据所使用的图表类型,需要将其放置的位置可能会有所不同。

票数 69
EN

Stack Overflow用户

发布于 2014-07-29 08:00:08

对我来说,legendItemClick事件必须是针对系列的,而不是针对产品线的。例如:

代码语言:javascript
复制
plotOptions: {
        series: {
            events: {
                legendItemClick: function(event) {
                    var visibility = this.visible ? 'visible' : 'hidden';
                    if (!confirm('The series is currently '+ 
                                 visibility +'. Do you want to change that?')) {
                        return false;
                    }
                }
            }
        }
    },

来自Highcharts的示例:http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/plotoptions/series-events-legenditemclick/

票数 11
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/10604952

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档