Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/407.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何修改highcharts图例项单击事件?_Javascript_Jquery_Highcharts - Fatal编程技术网

Javascript 如何修改highcharts图例项单击事件?

Javascript 如何修改highcharts图例项单击事件?,javascript,jquery,highcharts,Javascript,Jquery,Highcharts,我需要修改highcharts图例项上的单击事件。海图演示。我想举个例子:第一个动作是一些警报,第二个动作是默认动作(从图表中清除东京线)。谢谢如果问题不干净,很抱歉。您必须使用legendItem单击回调,如以下代码所示 plotOptions: { line: { events: { legendItemClick: function () { alert('I am an aler

我需要修改highcharts图例项上的单击事件。海图演示。我想举个例子:第一个动作是一些警报,第二个动作是默认动作(从图表中清除东京线)。谢谢如果问题不干净,很抱歉。

您必须使用
legendItem单击
回调,如以下代码所示

plotOptions: {
        line: {

           events: {
                legendItemClick: function () {
                   alert('I am an alert');
                   //return false; 
                   // <== returning false will cancel the default action
                    }
                }
            ,
            showInLegend: true
        }
    }
plotOptions:{
行:{
活动:{
legendItemClick:函数(){
警报(“我是警报”);
//返回false;

//对我来说,legendItemClick事件必须是针对该系列而不是该行的。例如:

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中的示例:

highcharts有一个很好的JSFIDLE示例文档,我相信您正在寻找的是:上面更新的链接不再起作用了。是的,这是它!!感谢您的准确回答:)要禁用图例操作:
legendItemClick:function(e){e.preventDefault()}
有人知道在禁用单击后如何将光标更改为图例上的默认值吗?找到它:图例:itemStyle:{}似乎API已经更改,如果此示例不适用于您,请参见下面Tony的回答。