Fork me on GitHub
var drawChart = function(sourceUrl) {

       $.ajax({
           "type" : "post",

           "url" : sourceUrl,
           "success" : function(result) {
              var data = result.data;//获取数据
              var categories = result.categories;//categories类别
              var datas = [];

                //把data数据处理成一条条json的格式的数据,付给series
              for ( var i = 0; i < data.length; i++) {
                  // 构建折线图数据
                  datas.push({
                     name : data[i].name,//线条的名字
                     data : data[i].data//线条走势所需要的数据
                  });

              }//end for
 
              if (datas.length > 0) {    

                  var stepSize= Math.floor(categories.length/10);

                  drawLine(datas, categories);//把所需的数据传给highcharts

                  $("#line").css('display','block');

                  $("#line").show();             

              }

           },

           "dataType" : "json"

       });

    };
 

// var chart;

    var drawLine = function(data, categoriess) {

       chart = new Highcharts.Chart({
           chart : {
              renderTo : 'line',
              defaultSeriesType : 'line'
           },

           title : {text : '频道观看时长统计图'},

           xAxis : {
              categories :categoriess,
              title:{ text:"时间"}
           },
           yAxis : {title : {text : '观看时长'} },
           legend: {
                layout: 'vertical',
                backgroundColor: '#FFFFFF',
                align: 'left',
                verticalAlign: 'top',
                x: 50,
                y: 20,
                floating: true,
                shadow: true
            },
       series :data      
       });
    };

 

posted on 2014-03-12 01:21  lingfeng95  阅读(386)  评论(0编辑  收藏  举报