Карта дерева HIghchart - добавление события двойного щелчка по щелчку легенды - PullRequest
Новая
       31

Карта дерева HIghchart - добавление события двойного щелчка по щелчку легенды

2 голосов
/ 13 апреля 2020

Просьба найти ссылку на древовидную карту 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
        }]


    });

1 Ответ

0 голосов
/ 14 апреля 2020

Вы можете использовать плагин 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

...