HIghchart树形图-在图例点击上添加双击事件

问题描述 投票:2回答:1

请找到树形图http://jsfiddle.net/BlackLabel/m0587v4q/的链接。我需要的是,当我双击图例时,它应该显示仅隐藏在树图上的数据和其余数据应该隐藏。

     $('#container').highcharts({
        'chart': {
            type: 'treemap'
        },

        series: [{

            data: [{
                'name': 'Americas',
                'value': 52976,
                'color': 'rgba(47,126,216,1)'
            }, {
                'name': 'Australia',
                'value': 41219,
                'color': 'rgba(13,35,58,1)'
            }, {
                'name': 'Europe',
                'value': 62756,
                'color': 'rgba(139,188,33,1)'
            }, {
                'name': 'Asia',
                'value': 14577,
                'color': 'rgba(145,0,0,1)'
            }],
            legendType: 'point',
            showInLegend: true
        }]


    });
highcharts react-highcharts
1个回答
0
投票

您可以使用Custom-Events插件并以这种方式添加双击事件:

legend: {
  itemEvents: {
    dblclick: function() {
      console.log('dblclick')
    },
    click: function() {
      console.log('click')
    }
  }
}

实时演示: http://jsfiddle.net/BlackLabel/6m4e8x0y/4952/

文档: https://www.highcharts.com/plugin-registry/single/15/Custom-Events

© www.soinside.com 2019 - 2024. All rights reserved.