zoukankan      html  css  js  c++  java
  • highchars

    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      
           });
        };
  • 相关阅读:
    JUC-狂神笔记整理学习
    多线程-学习笔记
    Redis分布锁
    Redis
    springcloud一个简单的基本流程
    Nacos
    mysql单表查询
    mysql多表查询
    mysql数据库
    mysql详细安装教程以及1067错误代码解决方案
  • 原文地址:https://www.cnblogs.com/zhao123/p/3595466.html
Copyright © 2011-2022 走看看