Обновить / Обновить Flot In Javascript

Question

Эй, ребята, кто-нибудь знает, как перезагрузить график flot в javascript?Например, я хочу перерисовывать график каждый раз, когда изменяется входное значение.Я попытался поэкспериментировать с несколькими методами из flot API , такими как draw () и setupGrid () , но безуспешно.

Вот пример кода:

$("#some_input_box").change(function(){
   plot.draw(); // redraw graph
});     

Answer 1

Вы на правильном пути с draw и setupGrid, вот что вам нужно сделать:

var plot = $.plot($('#placeholder'),data,options);

//time passes, you now want to replot

var newData = [[0,2],[1,3],[2,5]];

plot.setData(newData);
plot.setupGrid(); //only necessary if your new data will change the axes or grid
plot.draw();

В качестве альтернативы, не так уж и много хуже просто перезвонить $.plot. Вышеуказанный способ более эффективен, но ...