Highcharts学习使用小结

目前，手头的项目需要对数据实现图表显示，接手之前就开始了解相关图表生成插件工具，最后选定当前比较成熟的highcharts图表工具，当然还有一个相对的优势就是highcharts免费。简单的了解highcharts的API，便做了几个小demo尝试了下，由于新接手的项目，自己一开始就弄了个比较复杂的部分，需要实现多条曲线实时动态效果。由于，后面数据多渠道收集问题，这里就直接用了定时器定时刷新数据。后台传过来是modelMap.put("data", list);到前端封装解析，下面是简单的代码实现。

<script type="text/javascript">
    function getChart(data){
          var chart = new Highcharts.Chart({                         
            chart: {
                  renderTo: 'container',
                  type: 'spline',                            
        },             
        series:data                    
           });
      }
    function getForm(){  
       $.ajax({
           url: "query.htm",
           type: "post",     
           cache: false,
           dataType: "json",
           data: {},
           ifModified: false,
           success: function(result,status){
            var staticsData=new Array();
            var seriesdata=new Array();    
            var json=result.data;
            $.each(json,function(i,item){            
                staticsData.push({x:item.x_time+28800000,y:item.y});
                if(((i+1==json.length)||json[i].name!=json[i+1].name)){
                    seriesdata.push({name:json[i-1].name,data:staticsData});
                    staticsData=new Array();
                }
            });
            getChart(seriesdata);
        }
       });
      }
     $(function(){      //定时刷新数据  
       $(document).ready(function() {  
              getForm();  
           window.setInterval(getForm,120000);     
       });       
      });
 </script>

后面highcharts还做了其他类型的图表，总体来说也就是数据封装展示。不过后面遇到个比较头疼的问题，曲线数量太多导致臃肿显示太难看了，我得想法是有空弄分页，不知道各位大侠有没有什么好的想法，希望大家多多指导。