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 值。它根据数据集的大小将 xAxis 设置为 0-x。我希望它像第一个示例一样，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