Highcharts - асинхронная развертка в древовидной карте с тысячами элементов

Question

Я хотел знать, возможно ли использовать асинхронную развертку на древовидной карте?

У меня есть 7000 элементов, которые нужно нарисовать, и они застряли во время создания древовидной карты.

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

Буду признателен за любую помощь.

Answer 1

Да, это можно сделать точно так же для любого типа серии.

Пример для древовидной карты:

Highcharts.chart('container', {
  chart: {
    events: {
      drilldown: function(e) {

        this.addSeriesAsDrilldown(e.point, {
          type: "treemap",
          layoutAlgorithm: 'squarified',
          data: [{
            name: 'A1',
            value: 11,
            drilldown: true
          }, {
            name: 'A2',
            value: 44
          }]
        });
      }
    }
  },

  series: [{
    type: "treemap",
    layoutAlgorithm: 'squarified',
    data: [{
      name: 'A',
      value: 6,
      drilldown: true
    }, {
      name: 'B',
      value: 2
    }]
  }]
});

Демонстрация в реальном времени: http://jsfiddle.net/BlackLabel/knj7bqs5/