Highcharts x柱的时间不能正常显示

vampirey 发布于 2013/08/14 16:32
阅读 419
收藏 0

我做的是一个动态曲线图,时间一直显示不出来,困扰我好几天了。

  function initData(){
            $.ajax({
                url:"${base}/monitor/common/Transformer/highcharData.do",
                async: false,
                success:function(dat){
                       var  jsonData = $.evalJSON(dat);
                               jsonArr=jsonData;
                                datas = jsonArr.data;
                                if(ArrJson.length>0){
                                    ArrJson.length=0;
                                }
                             for(var i = 0; i < datas.length; i++){
                                   
                                  ArrJson.push( '{'+'name:'+'"'+datas[i].name.hours+":"+datas[i].name.minutes+":"+datas[i].name.seconds+'",y:'+datas[i].y+'}')
                              }    
                            }
                     });
               }
        
   var json;
 $(function (){
    
             initData()
                 //alert(ArrJson)
             json=eval("["+ArrJson+"]")
            
            Highcharts.setOptions({
                global: {
                    useUTC: false    
                }
            });
    
        var chart;
        $('#tabs-charts-content1').highcharts({
            chart: {
                renderTo:'tabs-charts-content1',
                type: 'spline',
                backgroundColor: '#595959',
                borderRadius: 0,
                animation: Highcharts.svg, // don't animate in old IE
                marginRight: 10,
               events: {
                        
                     load: function() {
                      var series = this.series[0];
                     
                       setInterval(function() {
                         //alert(json.length)
                            for (i=0; i< json.length; i++){
                                series.addPoint(json[i] , true, true);
                            }
                        }, 2000);
                    }
                }
            },
            title: {
                text:'实时负载状态曲线图',
                style:{
                        color: '#eeeeee',
                        font: 'bold 14px yh'
                    }    
            },
            xAxis: {
                type: 'datetime',
            // tickPixelInterval: 50,
                labels: {
                        rotation: -45,
                        align: 'right',
                        style: {
                        color:'#8f8f8f',
                        font: 'normal 12px yh',
                        }
                }
            },
            yAxis: {
                title: {
                    text: '电压',
                    style:{
                        color: '#eeeeee',
                        font: 'bold 14px yh'
                    }
                },
                labels: {
                        style: {
                        color:'#8f8f8f'
                        }
                },
                plotLines: [{
                    value: 0,
                    width: 1,
                    color: '#808080'
                }]
            },
            legend: {
                enabled: false
            },
            exporting: {
                enabled: false
            },
            credits: {
                enabled: false
            },
               
            series: [{
                name: '电压',
                data:json
            }]
        });
    });




加载中
返回顶部
顶部