利用highcharts生成动态曲线,实时获取数据是一个问题,前几天自己琢磨了以下,查看一些资料,最终结果如下,供大家参考。
首先js中,我们在highcharts官网获取动态刷新源码,我们在此基础上进行修改,利用Ajax实时获取数据,servlet处理返回json(需要添加jar包),生成动态曲线。
<script>
var xStr=<%= xstr%>;
var yData=<%= dstr%>;
var strtime="<%=time%>";
var strtrainNum="<%=trainNum%>";
var strfield="<%=field%>";
var strcarriageNum="<%=carriageNum%>";
$(function () {
$(document).ready(function() {
Highcharts.setOptions({
global: {
useUTC: false
}
});
var chart;
var i=0;
$('#container').highcharts({
chart: {