如何在按钮单击时更新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

灵魂使用Ajax实现懒惰钻取高级图表。