javascript - Highcharts 在调用 series.setData 时更新 xAxis 类别

Question

现在我有一个柱形图，它采用数组作为数据，如 [ ['name1', 23], ['name2', 46] ]。只要您设置 xAxis: { type: 'category' }，它就可以正常工作并且 xAxis 会正确呈现。

但是当我运行 chart.series.setData() ( http://api.highcharts.com/highcharts#Series.setData ) 来更改我使用的数据集时，它不会接收新的 xAxis 值。它根据数据集的大小从 0-x 设置 xAxis。我希望它像第一个示例一样，name1、name2 等。

单击“按钮”按钮时，您可以在 fiddle 中看到问题。在这种情况下，即使应用了新数据集，轴也不会改变。

http://jsfiddle.net/dkarkar/d555ak3v/

如何使用 setData 并更新 xAxis 类别名称？

Answer 1

在 highcharts 中有方法 update

试试这个

$('#button').click(function(){
    var chartTest = $('#graph3').highcharts();
    chartTest.series[0].update({data: data2});
});

Example

或

$('#button').click(function(){
    var chartTest = $('#graph3').highcharts();

    chartTest.series[0].setData(data2, false, true, false);
    chartTest.redraw()     
});

Example