HighCharts终极版本

    <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>
时间: 2024-11-10 07:31:10

HighCharts终极版本的相关文章

session之cookie封装终极版本

class Foo: def __init__(self): pass def __call__(self, *args, **kwargs): pass def __getitem__(self, item): print(item) pass def __setitem__(self, key, value): print(key,value) pass def __delitem__(self, key): pass # 调用__int__方法 Foo() # 调用__call__方法 o

for循环终极版本练习提高 究极进化版

X3 * 6528 = 3X * 8256, X为一个数字 填入一个数字 使等式成立. for (var x = 1; x>0&&x<9; x++) { if ((x*10+3)*6528 == (3*10+x)* 8256) { break; } } alert(x); 在页面上输出以下图形               *             ***           *****         *******       ********* 说道这个题就有点头疼了,首

js19--继承终极版本

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Unt

30 装饰器终极版本(进阶)

import timeFLAGE = Falsedef timmer_out(flag): def timmer(func): def inner(*args,**kwargs): if flag: start = time.time() ret = func(*args,**kwargs) end = time.time() print(end-start) return ret else: ret = func(*args, **kwargs) return ret return inner

轻松搭建自己的Linux发行版本

许多人想要搭建自己的Linux发行版本,可能是觉得有趣,也可能是为了学习更多的Linux知识,或者因为他们有很正式的问题要解决.但是秘密是:自己搭建完美的发行版本不是很困难的一件事.事实上,我们收集了几种方法,使用这些方法,每个人,是的,甚至是你——都可以搭建满足自己需要的个性化的Linux版本,只要应用一些你想要的改变——那就是你的Linux,你的风格. 主流的Linux发行版本开发者们不得不做出影响成千上万潜在使用者的决定.他们到底是应该添加还是删除一个特殊的软件包?他们是否应该应用一个可能

阿里正式发布《Java开发手册》终极版!

摘要: 本文讲的是阿里正式发布<Java开发手册>终极版!,别人都说我们是码农,但我们知道,自己是个艺术家.也许我们不过多在意自己的外表和穿着,但我们不羁的外表下,骨子里追求着代码的美.质量的美.而代码规约其实就是一个对美的定义. 本文讲的是阿里正式发布<Java开发手册>终极版!,别人都说我们是码农,但我们知道,自己是个艺术家.也许我们不过多在意自己的外表和穿着,但我们不羁的外表下,骨子里追求着代码的美.质量的美.而代码规约其实就是一个对美的定义. <阿里巴巴Java开发手

有关HTML版本

先说说HTML的简史:从HTML1.0~2.0(1989~1991)>HTML3(1995)>HTML4(1998)>HTML4.01(1999)>XHTML1.0(2001)>HTML5(终极版本). HTML规范一直在变,随着浏览器的需求,迫使HTML不得不更新换代.到HTML4时出现的World Wide Web Consortium(万维网协会W3C),一个致力于创建一个唯一的HTML"标准"的组织.他们将html的结构和表现分解到两种语言,一种语

网站自动识别PC端或者移动端

平时在开发中经常会遇到这样的需求,除了开发PC端之外,还会同时开发移动端.对于简单的页面,可以使用bootstrap之类的框架实现响应式页面,可是当页面很复杂的时候,就需要开发一个移动端页面,一个PC端页面.这个时候,就会遇到这样的需求,想要访问同样的网址,然后根据设备不同显示不同的页面.之前一直想招相关的资料没有找到,到后来发现是我百度搜索的水平不行,心好累~~~下面就是我找到的通过js实现的浏览器判断. <script type="text/javascript"> v

在NewLisp中实现匿名函数的递归

匿名函数在很多语言中的表现形式大概如下: (lambda (n)   (* (+ n 1) (- n 1))) 只有参数列表和函数体,而没有名字.在大部分情况下没问题,但是一旦需要用到递归的话,就有点麻烦了,因为不知道如何去递归的调用一个匿名函数. 在学术界中有一些解决这个问题的办法,其中一个就是Y组合子,但是那个太繁琐,而且难以通过宏自动将一个lambda变成可递归形式,没什么好处. 根据历史经验,目前比较好的办法,就是实现一个操作符,匿名函数通过这个操作符来调用自身: (lambda (n)