调用series.setData时,Highcharts会更新xAxis类别

时间:2014-12-02 19:52:34

标签: javascript highcharts

现在我有一个柱形图,它将数组作为[ ['name1', 23], ['name2', 46] ]之类的数据。只要您设置xAxis: { type: 'category' },这样就可以正常渲染xAxis。

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

单击"按钮"您可以在小提琴中看到问题。按钮。即使应用了新数据集,在这种情况下轴也不会发生变化。

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

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

1 个答案:

答案 0 :(得分:3)

在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