实时数据图

你可以考虑使用 Flot ,一个基于 jQuery .

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

确保查看以下演示以查看其实际操作(单击“Poll for Data”按钮):

• Flot Examples - Updating graphs with AJAX

• Flot Project Site
• Flot Examples
• Other Flot Examples

SmoothieCharts

其他设计更美观、更具可能性的解决方案:

https://changelog.com/posts/rickshaw-realtime-javascript-graphing-library

http://shutterstock.github.com/rickshaw/examples/extensions.html

代码: https://github.com/shutterstock/rickshaw