c3 chart.load z wieloma wykresami

Question

Używam c3.js i c3.css do tworzenia kilku wykresów na jednej stronie. Mam wiele wykresów i chcę aktualizować dane co 60 sekund, więc używam interwału ustawiania, uzyskuję zaktualizowane dane, a następnie ładuję je do wykresu, jednak umieszcza on wszystkie dane w ostatnio wykonanym wykresie. Próbowałem dodać bindto do danych, aby przejść do poprawnego wykresu, ale nadal ładuje się na dolny wykres. jak mogę to naprawić?

... 
<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); 

Answer 1

Za pokazanie danych aktualizacji atfirst

• ukryć poprzednie DIV Danych
• użycie CLEAR do czyszczenia danych
• ponownie załadować div

Answer 2

Jeśli ktoś nadal chce zrobić to znalazłem rozwiązanie.

Podczas generowania każdego wykresu, deklaracja kończy:

}); }, chart = generate(); 

przypadku zmiany nazwy wykresu tak:

}); }, first_chart = generate(); 

Następnie można manipulować, że wykres tak:

first_chart.load ({ <some_stuff> }) 

Podaj każdą zmienną wykresu jako odrębną nazwę i możesz je wyraźnie edytować.