高图表更新数据系列

时间:2015-04-01 18:25:30

标签: javascript jquery highcharts

我正在尝试使用Series.update()更新数据系列因此,如果单击“分配资金”,则行应该更改。但是,只有第一组数据正在更新,其余数据则没有。你能帮我解释为什么以及如何解决这个问题?谢谢! http://jsfiddle.net/5cur7gg4/1/

chart2.series[0].update({
    data:[-3.49 , 9.21 , 9.21 , 4.36 , 17.74 , null],
    color: '#588c7e',
    name:"A"
},{
    data:[-1.47 , 6.89 , 6.89 , 7.06  , 12.95 , 12.45],
    color: '#f2e394',
    name:"B"
},{
    data:[-2.57 , 7.46, 7.46, 3.00, 19.45, null],
    color: '#f2ae72',
    name:"C"
},{
    data:[-2.42 , 8.46, 8.46, 16.50, 21.27, null],
    color: '#d96459',
    name:"D"
},
{
    data:[-1.23, 6.31, 6.31, 5.49, 15.48, 14.81],
    color: '#8c4646',
    name:"E"
});

1 个答案:

答案 0 :(得分:1)

您需要像这样更新单个系列。

chart2.series[0].update({
        data:[-3.49 , 9.21 , 9.21 , 4.36 , 17.74 , null],
        color: '#588c7e',
        name:"A"
    },false);
    chart2.series[1].update({
        data:[-1.47 , 6.89 , 6.89 , 7.06  , 12.95 , 12.45],
        color: '#f2e394',
        name:"B"
    }, false);
    chart2.series[2].update({
        data:[-2.57 , 7.46, 7.46, 3.00, 19.45, null],
        color: '#f2ae72',
        name:"C"
    }, false);
    chart2.series[3].update({
        data:[-3.42 , 8.46, 8.46, 16.50, 21.27, null],
        color: '#d96459',
        name:"D"
    }, false);
    chart2.series[4].update({
        data:[-4.23, 6.31, 6.31, 5.49, 15.48, 14.81],
        color: '#8c4646',
        name:"E"
    }, true);