hightCharts圖表＋angularJS+實時動態顯示數據

首先推薦 highcharts 中文網站，http://www.hcharts.cn/，可以先看看最基本的例子，以及highcharts怎麼配置,下面就結合目前所做的總結下hightCharts

（1）hightCharts配置項        

title,subtitle,colors,xAxis,yAxis,tooltip,plotOptions,legend,exporting,series

（2）highCharts初始化方法     

  var options={}
  chart = new Highcharts.Chart(options)
  var json={}
  $('#...').highcharts(json);

  (3)  動態實時圖的實現方法

        第一種，參考官網上的動態刷新圖：http://www.hcharts.cn/demo/index.php?p=46，以及 http://www.tuicool.com/articles/2E3qIba

        圖表其他配置，這裏就不寫，重點寫有關動態刷新的部分       

var options={
    series:[{name:"數據列名"}],
             chart:{
                   type:"spline",
                   animation:Highcharts.svg,
                   renderTo:"container",
                   events:{
                         load:function(){
                         var series=this.series[0];
                         setInterval(function(){
                             $http.get('你的請求路徑').success(function(dataArray){
                             //解析數據，每次加載圖時，添加一個點［x,y]
                                 series.addPoint([x,y],true,true);
                             }).error(function(errorArray){ //請求數據錯誤處理});
                         },10000);
                  ｝｝

               ｝
         }

function initData(){
         var datas=[];                                               
         $http.get('你的請求路徑').success(function(dataArray){
          //解析數據，初始化數據列，請求n條數據
            for(var i=0;i<n;i++)       
               datas.push({x:..,y:...});
               options.series[0].data=datas;
               chart=new Highcharts.Chart(options);
         }).error(function(errorArray){ //請求數據錯誤處理});

｝
initData();

＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊

     第二種，是每隔一段時間，重新繪製整個圖標,參考 ：http://bbs.hcharts.cn/thread-36-1-1.html    

var options={各種靜態配置}；
function queryData(){
  $http.get('你的請求路徑').success(function(dataArray){
    //解析數據，初始化數據列，請求n條數據
     for(var i=0;i<n;i++)       
        datas.push({x:..,y:...});
        options.series[0].data=datas;
        chart=new Highcharts.Chart(options);
  }).error(function(errorArray){ //請求數據錯誤處理});
}
queryData();

var timer=setInterval(function(){
          queryData();
},10000)