两个高图更新问题

时间:2017-09-18 12:52:55

标签: javascript jquery highcharts

我有两个相同的线图并使用相同的数据。

我写了一个更新两个图表的更新代码:

c2updateLineGraph(2,[[0, 105993],[25, 659727],[50, 648727],[75, 636627],[100, 636627]]);
function c2updateLineGraph(index,data)
{
    c2chart1.series[index].setData(data, true);

        c2chart1p.series[index].setData(data, true);
}

我的数据结构是:

var c2graphdata=[{
                name: 'Current year',
                data: []
          },
          {
                name: 'Reapair v1',
                data: []
          },
           {
                name: 'Repair v2',
                data: []
          },
          {
                name: 'Replacement v1',
                data: []
          },
          {
                name: 'Replacement v2',
                data: []
          },
          {
                name: 'Facelift v1',
                data: []
          },
          {
                name: 'Facelift v2',
                data: []
          },
          {
                name: 'Reconstruction v1',
                data: []
          },
          {
                name: 'Reconstruction v2',
                data: []
          },

];

问题是c2chart1正在更新,但不是c2chart1p。特技是如果我交换c2chart1和c2chart1p的位置,那么c2chart1p只会更新。

我可以在这里复制问题precision 8秒后检查只有chart1更新,而不是chart2

1 个答案:

答案 0 :(得分:0)

重置图表数据并设置数据agin将适合您。只是改变

function c2updateLineGraph(index, data) {
    c2chart1.series[index].setData(data, true);
  c2chart1p.series[index].setData(c2graphdata, true); //reset the graph data
  c2chart1p.series[index].setData(data, true);
}

更新小提琴: http://jsfiddle.net/hhh2zx3w/2/

希望有所帮助