如何更新按钮上的highcart柱状图点击

Question

我有一个柱状图，我需要刷新（重新绘制）它，点击按钮。

这是代码，当我加载页面我加载：

function setParetoChart(data) { 
    $('#liveChart2').highcharts({ 
     chart: { 
      type: 'column' 
     }, 
     title: { 
      text: 'Detail' 
     }, 
     subtitle: { 
      text: 'Detail' 
     }, 
     xAxis: { 
      type: 'category' 
     }, 
     yAxis: { 
      title: { 
       text: 'Totale Detail' 
      } 

     }, 
     legend: { 
      enabled: false 
     }, 
     plotOptions: { 
      series: { 
       cursor: "pointer", 
       point: {.... 
         }, 
         borderWidth: 0, 
         dataLabels: { 
          enabled: true, 
          format: '{point.y:.1f}%' 
         } 
        } 
       } 
      } 
     }, 

     tooltip: { 
      headerFormat: '<span style="font-size:11px">{series.name}</span><br>', 
      pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}%</b> del Totale<br/>Numero Pezzi Scarti: <span style="color:{point.color}"></span>: <b>{point.scarti}</b> ' 
     }, 

     series: [{ 
      name: 'Details', 
      colorByPoint: true, 
      data: data 
     }] 
    }); 

} 

现在，就按一下按钮，我从Ajax功能，即返回对象的数组，以这种方式获取数据;

drilldown: 'var1' 
name: 'var1' 
scarts: 15, 
y; 15 

..并与对象的数组，我需要重绘我的柱形图..

Answer 1

这个线程可以帮助... Lazy Highcharts drilldown

的soultion实现了延迟钻取highcharts使用Ajax。