Javascript 使用c3.js将数据添加到图表

我有一个图表，其中我希望添加更多数据，而不替换现有数据，或者使用.push或添加一组数据，而不丢失以前拥有的数据

我怎么做

columns: [
      ['data1', -4,3,4,7,8,9,8,7,3],
      ['data1_x', -5,2,3,4,5,4,3,2,1],

。 .

---

您可以将数据移动到数组中

var data1 = ['data1',-4,3,4,7,8,9,8,7,3];
var data1_x = ['data1_x', -5,2,3,4,5,4,3,2,1];

并将数据推入其中

工作样本如下

VarData1=['data1'，-4,3,4,7,8,9,8,7,3]； VarData1_x=['data1_x'，-5,2,3,4,5,4,3,2,1]； var图表=c3.0({ 数据：{ xs:{ 数据1：“数据1_x”， 数据2：“数据2_x” }, xSort:false， 栏目：[ 数据1， data1_x，['data2'，Math.random（）*10，Math.random（）*10，Math.random（）*10，Math.random（）*10，Math.random（）*10]， ['data2_x'，Math.random（）*10，Math.random（）*10，Math.random（）*10，Math.random（）*10，Math.random（）*10] ] }, 轴线：{ x:{ 勾选：{ 数值：d3.范围（-5,10） } } } }); chart.internal.xAxis.g.attr（'transform'，'translate（0，+chart.internal.y（0）+'）； chart.internal.yAxis.g.attr（'transform'，'translate（“+chart.internal.x（0）+”，0）”）； 数据1.推送（5） 数据1.推送（8） 数据1_x.推送（3） 数据1_x.推送（6） 设置超时（加载，5000）； 函数加载（）{ 图表.负荷({ xs:{ data1:'data1_x' }, 栏目：[ 数据1_x， 数据1 ] }); }

Wow！你的智慧使我惊讶。只是一个细节，我希望你能帮助我。如何在添加新点时生成动画（无需重新启动图表中的所有点）。此更改看起来非常突然。更新了我答案中使用的代码超时。它将在5秒后更新。使用动画非常感谢您的朋友！。这表明你知道很多。我已经完成了settimeout，但我的意思是，当你添加一个点时，没有动画。我想看到一个动画生成的点是添加，点对点。类似这样的问题：我认为最好是就此再问一个问题。如果您觉得我已经回答了您最初的问题，请将其标记为已回答。谢谢，我忘了。我希望你能帮我回答另一个问题。

var data1 = ['data1',-4,3,4,7,8,9,8,7,3];
var data1_x = ['data1_x', -5,2,3,4,5,4,3,2,1];