javascript – 懒惰的Highcharts明细

drilldown: {
    series: [{
        id: 'animals',data: [
            ['Cats',4],['Dogs',2],['Cows',1],['Sheep',['Pigs',1]
        ]
    },{
        id: 'fruits',data: [
            ['Apples',['Oranges',2]
        ]
    },{
        id: 'cars',data: [
            ['Toyota',['Opel',['Volkswagen',2]
        ]
    }]
}

data: [
    ['Apples',2]
]

对于这个级别的功能,我会继续自己创建它.使用point.events.click回调进行ajax调用并替换系列：

plotOptions: {
  series: {
    point: {
      events: {
        click: function(event) {
          var chart = this.series.chart;
          var name = this.name;
          $.ajax({
            url: name + ".json",success: function(data) {
              swapSeries(chart,name,data);
            },dataType: "json"
          });
        }
      }
    }
  }
},

swapSeries在哪里：

function swapSeries(chart,data) {
    chart.series[0].remove();
    chart.addSeries({
      data: data,name: name,colorByPoint: true
    });
  }

这是一个工作example.