Gráficos JavaScript - Adicionando pontos de dados dinamicamente

StackOverflow https://stackoverflow.com/questions/2119465

Pergunta

Estou tentando adicionar dinamicamente pontos de dados ao JQPlot como resultado dos dados recebidos do AJAX, mas não vejo uma maneira de conseguir isso. Isso não é possível?

Se não for, quais outros pacotes estão disponíveis que podem realizar o mesmo gráfico básico e permitir dados dinâmicos?

Foi útil?

Solução

Você pode querer verificar o exemplo abaixo sobre como isso é tratado Flota. Flot é uma biblioteca de plotagem de código aberto com base em jQuery, Curti JQPlot. Ambas as bibliotecas são muito semelhantes.

É assim que buscar e plotar os dados com o Ajax seriam no código:

function fetchData() {
   $.ajax({
      url:      "json_fetch_new_data.php",
      method:   "GET",
      dataType: "json",
      success:  function(series) {
         var data = [ series ];

         $.plot($("#placeholder"), data, options);
      }
   });

   setTimeout(fetchData, 1000);
}

Verifique a demonstração a seguir para vê -lo em ação:

Para mais informações sobre o flot:

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top