c3 chart.load有多个图表

Joh*_*ohn 5 javascript css charts graph c3.js

我正在使用c3.js和c3.css在一个页面上制作几个图表.我有多个图表,并希望每60秒更新一次数据,因此我使用设置间隔,获取更新的数据,然后将其加载到图表中,但是,它将所有数据放在最近制作的图表中.我试图将绑定添加到数据,以便它转到正确的图形,但它仍然加载到底部图形.我怎样才能解决这个问题?

...
<div id='chart1'></div>
<div id='chart2'></div>
...
function update()//this function collects the new data in arrays cols and xrows
...
setInterval(function(){
  update();
  chart.unload();
  chart.load({bindto:'#chart1',columns:cols, xs:xrows});
},3000);
Run Code Online (Sandbox Code Playgroud)

小智 2

用于首先显示更新数据

  • 隐藏以前数据的DIV
  • 使用 CLEAR 来清理数据
  • 再次加载DIV