Пирог карты Hightchart: нажмите и скройте определенный пирог

Question

как я могу скрыть определенный пирог от состояний, когда я нажимаю на эти состояния?Например, на этой карте:

https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/maps/demo/map-pies/

    series: [{
        mapData: Highcharts.maps['countries/us/us-all'],
        data: data,
        name: 'States',
        ....
        events: {
           click: function (e) {
           e.point.zoomTo();
           chart.update({
              -- hide the state's pie
              -- display data from serie on this specific state
             })
           }
        }

Я хотел бы скрыть Калифорнийский пирог и увеличить этот штат, чтобы вместо него отображалась другая серия данных (укажите дляпример) ...

Большое спасибо за вашу помощь!

Answer 1

Вам нужно найти нужную серию и использовать setVisible метод:

    events: {
        click: function(e) {
            e.point.zoomTo();

            Highcharts.find(chart.series, function(item) {
                return item.name === e.point.id;
            }).setVisible(false, false);
        }
    }

Живая демоверсия: https://jsfiddle.net/BlackLabel/czav0kL3/

API: https://api.highcharts.com/class-reference/Highcharts.Series#setVisible