<!doctype html> <html lang="en"> <head> <script type="text/javascript" src="http://cdn.hcharts.cn/jquery/jquery-1.8.3.min.js"></script> <script type="text/javascript" src="http://cdn.hcharts.cn/highcharts/highcharts.js"></script> <script type="text/javascript" src="http://cdn.hcharts.cn/highcharts/exporting.js"></script> <script>

 //上面的Javascript代码

</script> </head> <body> <div id="container" style="min-width:700px;height:400px"></div> </body> </html>
var resultObj = "{name:'当月总量数',data:[101.6,100.0,102.7,102.1,105.1]}@{name:'累计总量数',data:[102.4,100.9,101.5,101.6,102.3]}";

        var resultText = resultObj.toString();

        var resultStr = resultText.split("@");

        var min = null,max = null,mark = true,data = null;

        for(var i=0;i<resultStr.length;i++){

            var jSVO =  eval("("+resultStr[i] +")");

            resultStr[i] = jSVO;

            data = resultStr[i].data;

            for(var j = 0, len = data.length;j < len;j ++){

                if(data[j] == null){

                    continue;

                }

                if(mark){

                    mark = false;

                    min = data[j],max = data[j];

                }

                if(min > data[j]){

                    min = data[j];

                }

                if(max < data[j]){

                    max = data[j];

                }

            }

        }

        console.log(min + "======" + max);

        //X轴

        var xAxisObj = "2013年09月@12月@2014年03月@06月@09月"

        var xAxisText = xAxisObj.toString();

        var xAxisStr = xAxisText.split("@");

        $(function () {

            //画图

            $('#container').highcharts({

                chart: {

                    type: 'column'

                },

                title: {

                    text: ""

                },

                colors:['#8300b6','#73abe4'],

                subtitle: {

                    text: ""

                },

                xAxis: {

                    tickmarkPlacement:'on',

                    labels:{

                        rotation:-15, //X轴坐标旋转

                        style:{

                            fontSize:'18px' //X轴坐标字体大小

                        }

                    },

                    categories: xAxisStr

                },

                yAxis: {

                    min: min,

                    max: max,

                    title: {

                        text: ""

                    },

                    labels : {

                        enabled: true,

                        style:{

                          fontSize:'14px'

                        }

                    }

                },

                credits:{

                    enabled: false//右下角的文本

                },

                exporting:{

                    enabled:false //用来设置是否显示‘打印’,'导出'等功能按钮，不设置时默认为显示

                   },

                tooltip: {

                    enabled: true, //是否显示提示信息

                    headerFormat: '<span style="font-size:16px">{point.key}</span><table>',

                    pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +

                    '<td style="padding:0"><b>{point.y:.1f}</b></td></tr>',

                    footerFormat: '</table>',

                    shared: true,

                    useHTML: true,

                    style:{

                        fontSize:'14px'

                    }

                },

                plotOptions: {

                    column: {

                        dataLabels: {

                            enabled: true,//图形上是否显示数据

                            format:'{y:.1f}',

                            pointWidth: 10,

                            pointPadding : 0.1,

                            style:{

                                fontSize:'10px'//图形上数据的字体大小

                            }

                       },

                         enableMouseTracking: true//鼠标移动时有信息提示

                    }

                },

                series: resultStr

            });

    });

Highcharts中初始化最大值与最小值的柱状图的更多相关文章

  1. 如何使用Math对象快速计算数组中的最大值或最小值

    Math 对象下包含 min() 和 max() 方法 用于确定一组数值中的最大值和最小值.这两个方法都可以接收任意多个数值参数. var max = Math.max(1,2,3,4,5,6); c ...

  2. C++ 如何获取三个相同数值中的最大值或最小值？

    C++ 如何获取三个相同数值中的最大值或最小值? template<typename T> T Max(T x, T y, T z) { return x > y ? (x > ...

  3. C#获取一个数组中的最大值、最小值、平均值

    C#获取一个数组中的最大值.最小值.平均值 1.给出一个数组 ,,,,,-,,,,}; 2.数组Array自带方法 本身是直接可以调用Min(),Max(),Average()方法来求出 最小值.最大 ...

  4. Jsの数组练习-求一组数中的最大值和最小值，以及所在位置

    要求:求一组数中的最大值和最小值,以及所在位置 代码实现: <!DOCTYPE html> <html lang="en"> <head> &l ...

  5. C语言位操作--两整数中的最大值与最小值

    不用选择分支找出指定两整数中的最大值与最小值: int x; int y; // 找出x与y的最大值与最小值 int r; // r保存结果 r = y ^ ((x ^ y) & -(x &l ...

  6. Javascript获取数组中的最大值和最小值的方法汇总

    比较数组中数值的大小是比较常见的操作,下面同本文给大家分享四种放哪广发获取数组中最大值和最小值,对此感兴趣的朋友一起学习吧   比较数组中数值的大小是比较常见的操作,比较大小的方法有多种,比如可以使用 ...

  7. 数组中的最大值以及最小值的位置变换的问题（C++）

    将一个5×5的数组中的最大值放到数组的中心位置 分析:遍历数组,找到最大的元素,然后将该元素与中心位置的元素交换位置 #include<iostream> #include <std ...

  8. 2.10 用最少次数寻找数组中的最大值和最小值[find min max of array]

    [本文链接] http://www.cnblogs.com/hellogiser/p/find-min-max-of-array.html [题目] 对于一个由N个整数组成的数组,需要比较多少次才能把 ...

  9. Java求一个数组中的最大值和最小值

    原创作品,转载请注明出处:https://www.cnblogs.com/sunshine5683/p/9927186.html 今天在工作中遇到对一个已知的一维数组取出其最大值和最小值,分别用于参与 ...

随机推荐

  1. 启语外语培训网SEO历程

    网站开发完成已经好长时间了,但收录一直上不去,排名也上不去.我这篇文章主要是分析一下网站的SEO历程 网址:http://waiyupx.cheer-edu.net/School/School-5.h ...

  2. Android布局揭秘

    前言 今天把对于布局的一些理解写下来,主要内容包括控件的属性的继承关系,控件与容器的属性的关系,以及各种类的属性的使用. 控件的属性种类 通常意义上讲,我们在对一个控件进行属性赋值的时候大体上有种类型 ...

  3. node-mongo-native1.3.19连接mongo的最优方法

    最近需要在node下连接mongo,尝试了很多方法,本文简要总结一下 选择Driver 首先,基本上有4个常见的driver供选择 1.官方的是node-mongo-native 2.基于node-m ...

  4. [大牛翻译系列]Hadoop（16）MapReduce 性能调优：优化数据序列化

    6.4.6 优化数据序列化 如何存储和传输数据对性能有很大的影响.在这部分将介绍数据序列化的最佳实践,从Hadoop中榨出最大的性能. 压缩压缩是Hadoop优化的重要部分.通过压缩可以减少作业输出数 ...

  5. git管理和自动部署项目

    当一个项目需要纳入到版本控制的时候,选择的工具还是比较多的,最常见的就是工具有CVS,SVN,GIT等.在平时的开发中视情况而定,从来就没有最好的版本控制工具,只有最适合的工具.在这里我习惯用git来 ...

  6. ASP.NET中的ViewState

    曾经在两次面试中都遇到了这个问题,就是ViewState中存储的变量到底存储在哪里.由于基础比较差,以前在学习的时候,就没有注意 到这里的细节,包括Session中存储的变量,所以我想ViewStat ...

  7. Oracle 动态视图5 V$SESSION_LONGOPS

    一.视图V$SESSION_LONGOPS显示运行超过6秒的操作的状态.包括备份,恢复,统计信息收集,查询等等 Column Datatype Description SID NUMBER Sessi ...

  8. 一，XAML基础

    RuntimeNameProperty特性:为什么<Grid x:Name="grid1"></Grid>等价于<Grid Name="gr ...

  9. EWOULDBLOCK = EAGAIN

    #define EAGAIN 11 /* Try again */ #define EINTR 4 /* Interrupted system call */ #define EWOULDBLOCK ...

  10. SQL_SERVER_2008升级SQL_SERVER_2008_R2办法 （一、升级;二、重新xie载安装）

    SQL_SERVER_2008升级SQL_SERVER_2008_R2两种办法   今天将由于需要就将我的SQL 2008升级到SQL 2008 R2. 说到为什么要升级是因为,因附加数据库时发现报错 ...