2015-05-26 58 views
1

我正在尝试使用从数据库中获取一组x值和y值的函数来动态更新C3.js折线图。我试图使用插入数据的功能是:将新数据加载到C3.js折线图

function insertGraph(yAxis, xAxis, Header) { 
    setTimeout(function() { 
     console.log("starting"); 
     chart.load ({ 
      bindto: "#graph", 
      xs: { 
       'y':'x' 
      }, 
       columns: yAxis, xAxis 
     }); 
    }, 100); 
} 

的数据传递到函数如下: Y轴:

["y", 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14]

X轴:

["x", 0, 131.35, 26971.3, 27044.75, 27351.4, 27404.483333333334, 27419.416666666668, 33128.96666666667, 33549.13333333333, 34049.48333333333, 77464.26666666666, 77609.71666666666, 174171.85, 259166.98333333334]

头:

MakeModeChange #just a string

我知道我在做什么根本上的错误在这里,但任何帮助,将不胜感激

回答

1

万一有人需要它,我设法找出我的问题。这一切都在你如何做“列”部分(它需要在[]中绑定)。以下是固定代码以防万一:

function insertGraph(yAxis, xAxis, Header) { 
    setTimeout(function() { 
     chart.load ({ 
      bindto: "#graph", 
      xs: { 
       'y':'x' 
      }, 
      columns: [ 
       yAxis, 
       xAxis 
      ] 
     }); 
    }, 100); 
}