码迷,mamicode.com
首页 > 其他好文 > 详细

HighCharts终极版本

时间:2016-06-28 02:03:59      阅读:163      评论:0      收藏:0      [点我收藏+]

标签:

    <script type="text/javascript">
    var legendDate="";
    var series="";
    var ser="";
    var legend="";
    var option={};
    function opSeries(){
        option ={
                  title: {
                         text: ‘性能数据采集到入库关键节点处理效率报表‘
                     },
                  xAxis: {  
                      categories: legendDate  
                  },  
                  yAxis: { 
                         title: {
                             text: ‘关键节点处理时间 (分钟)‘
                         } 
                  },
                  tooltip: {
                      enabled: false,
                      formatter: function() {
                          return ‘<b>‘+ this.series.name +‘</b><br/>‘+this.x +‘: ‘+ this.y +‘°C‘;
                      }
                  },
                  plotOptions: {
                      line: {
                          dataLabels: {
                              enabled: true
                          },
                          enableMouseTracking: false
                      }
                  },
                  tooltip: {
                         enabled: false,
                         formatter: function() {
                             return ‘<b>‘+ this.series.name +‘</b><br/>‘+this.x +‘: ‘+ this.y +‘°C‘;
                         } 
                  }, 
                  series: []
          }
    }
    
  $(function () {
      $.ajax({
          type: "post",
          async: false, //同步执行
          url: "",
          dataType: "json", //返回数据形式为json
          success: function (result) {
             
          },
          error: function (errorMsg) {
                 legendDate = ["2014","2015","2016"];
                 series =  [ { "name":"2014", "type":"bar", "data":[51, 2, 43],"len":"中国"} ,{ "name":"2015", "type":"bar", "data":[55, 36, 4] ,"len":"美国"},{ "name":"2016", "type":"bar", "data":[5, 20, 40],"len":"英国"}];
                 ser = [ { "name":"2014", "type":"bar", "data":[51, 2, 43]} ,{ "name":"2015", "type":"bar", "data":[55, 36, 4]},{ "name":"2016", "type":"bar", "data":[5, 20, 40]}];
                 legend = ["中国","美国","德国"];
                 //showChart();
                 opSeries(); 
                 for(i=0;series.length>i;i++){
                         console.log("highchart循环内i的值:"+i);
                         option.series[i]=series[i];
                         console.log("option2.series["+i+"]--------"+"series["+i+"]:"+series[i]);
                 }
          }
      }); 
      

      $("#container").highcharts(option); 
  });
  </script>

 

HighCharts终极版本

标签:

原文地址:http://www.cnblogs.com/onetwo/p/5622014.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!