12-Highcharts曲线图之分辨带

<!DOCTYPE>
<html lang='en'>
<head>
<title>7-Highcharts曲线图之分辨带</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<script src="../jquery-2.1.4/jquery.min.js"></script>
<script src="../Highcharts-4.2.5/js/highcharts.js"></script>
<script src="../Highcharts-4.2.5/js/themes/gray.js"></script><!--主题   -->


<script>
$(function () { 
    $('#container').highcharts({ 
        chart:{
            //type:'line',
            //zoomType 取值为 x、y、xy 中的一个,分别表示图表可以沿 x 轴,y轴,xy轴放大,也就是水平、竖直、平面放大。zoomType 默认值是 None,即无方法功能
            //zoomType:'x',
            
            //spacingRight: 20//图的右边框和绘图区之间的距离 默认是10
            
            type:'spline'
            //inverted:true    //x,y轴反转
        },
        /************标题***************/
        //标题默认显示在图表的顶部,包括标题和副标题(subTitle),其中副标题是非必须的。
        //主标图
        title: { 
            //标题文字水平对齐方式有,center,left,right,默认为center
            //标题文字垂直对齐方式,有top、middle、bottom可选 默认为空【""】
            text: '这两天的风速' //标题文字用text表示
            //x:-20
            //隐藏标题    设置标题为null即可
            //text:null
            
            //text:'<h1>Monthly Average Temperature</h1>',
            
            //useHTML:true,//是否解析html标签,设置解析后,可以使用例如a等html标签 默认是false
            
            //floating:true,//是否浮动,设置浮动后,标题将不占用图表区位置 默认是false
            
            //style:{},//文字样式,可以设置文字颜色、字体、字号,注意和css有略微的不同,例如font-size用fontSize、font-family用fontFamily表示
            
            //margin:80,//标题和图表区的间隔,当有副标题时,表示标题和副标题之间的间隔 默认是15
            
            //x: -200, //相对于水平对齐的偏移量,可以是负数,单位是px 默认是0
            
            //y: 20 //相对于垂直对齐的偏移量,可以使负数,单位是px 默认是0
            
        }, 
        //副标题
        subtitle: { 
            text: '我的图表'
            //x: -20 
        },
        
        /************坐标轴***************/
        //所有的图表除了饼图都有X轴和Y轴,默认情况下,x轴显示在图表的底部,y轴显示在左侧
        //(多个y轴时可以是显示在左右两侧),通过设置chart.inverted = true 可以让x,y轴显示位置对调
        xAxis: { 
            //categories: ['2011年', '2012年', '2013年', '2014年', '2015年', '2016年'] //categories
            //坐标轴的类型。可以是"linear", "logarithmic", "datetime" 或者 "category"之一。
            //在时间轴中,坐标轴的值是以毫秒为单位的,刻度线上显示像整数的小时或天的适当值。
            //在类别轴中,默认采用图表数据点的名称做分类名称,如果定义类别名称数组可覆盖默认名称。默认是: linear.
            type: 'datetime'//x轴 时间类型
            //maxZoom: 14 * 24 * 3600000, // fourteen days已经废弃使用 
            //title: { text: null }//去除x轴标题
            
            /*
            //是否逆转轴,使得最高数最靠近原点。如果图表倒置,x轴默认是逆转的。
            reversed:false,
            title:{
                enabled:true,
                text:'速度'
            },
            labels:{
                formatter:function (){
                    return this.value + "Km";
                }
            },
            maxPadding: 0.05, 
            showLastLabel: true
            */
        }, 
        yAxis: { 
            title: { text: '风速(m/s)' },//y轴标题
            
            min:0,//轴的最小值。如果是null,最小值被自动计算。如果startOnTick选项是true,min的值可能会被四舍五入。
            minorGridLineWidth:0,//次级网格线的宽度
            gridLineWidth: 0,//网格线的宽度,当设置为 0 时,即为不显示网格线。 默认是1
            alternateGridColor: null,//相间的网格行颜色。当设置了此属性,网格中会隔行显示该颜色
            //plotBands在Y轴上的由数组对象定义成的区域带
            plotBands:[
                {
                    from:0.3,
                    to:1.5,
                    color:'#FDCDFA',
                    label:{
                        text:'level1',
                        style:{color:'#606060'}
                    }
                },
                {
                    from:1.5,
                    to:3.3,
                    color:'#FFFFFF',
                    label:{
                        text:'level2',
                        style:{color:'#606060'}
                    }
                },
                {
                    from:3.3,
                    to:5.5,
                    color:'#FDCDFA',
                    label:{
                        text:'level3',
                        style:{color:'#606060'}
                    }
                },
                {
                    from:5.5,
                    to:8,
                    color:'#FFFFFF',
                    label:{
                        text:'level4',
                        style:{color:'#606060'}
                    }
                },
                {
                    from:8,
                    to:11,
                    color:'#FDCDFA',
                    label:{
                        text:'level5',
                        style:{color:'#606060'}
                    }
                },
                {
                    from:11,
                    to:14,
                    color:'#FFFFFF',
                    label:{
                        text:'level6',
                        style:{color:'#606060'}
                    }
                },
                {
                    from:14,
                    to:15,
                    color:'#FDCDFA',
                    label:{
                        text:'level7',
                        style:{color:'#606060'}
                    }
                }
            ]
            //plotLines: [{ value: 0, width: 1, color: '#808080' }] ,
            
            /*
            //标示线
             plotLines:[{
                color:'red',           //线的颜色,定义为红色
                dashStyle:'solid',     //默认值,这里定义为实线
                value:500,               //定义在那个值上显示标示线,这里是在x轴上刻度为3的值处垂直化一条线
                width:2                //标示线的宽度,2px
            }],
            
            labels:{
                formatter:function(){
                    return this.value+'°';
                }
            }
            //lineWidth: 2
            */
        },
        /*************版权信息**********************/
        credits:{
             enabled:false // 禁用版权信息
        },
        
        /*************数据提示框**********************/
        //tooltip: { valueSuffix: '°C' }, 
        tooltip: {
            valueSuffix:' m/s'//一串字符被后置在每个Y轴的值之后。可重写在每个系列的提示框选项的对象上
            //backgroundColor: '#FCFFC5',   // 背景颜色
            //borderColor: 'black',         // 边框颜色
            //borderRadius: 10,             // 边框圆角
            //borderWidth: 3,               // 边框宽度
            //shadow: true,                 // 是否显示阴影
            //animation: true ,              // 是否启用动画效果
            
            //style: {                      // 文字内容相关样式
            //    color: "#ff0000",
            //    fontSize: "12px",
            //    fontWeight: "blod",
            //    fontFamily: "Courir new"
            //}
            
            //enabled:false,    //禁用提示框
            
            //格式化函数 this.x表示当前点X值,this.series表示当前数据列,this.y表示当前y值
            //formatter:function(){
            //    return this.series.name + " " + this.x + " " + this.y;
            //}//自定义提示
            
            
            
            //十字准线。十字准线可以被定义为一个Boolean 值,一组Boolean 值 或 json对象。
            //为 Boolean时:
            //    如果十字准线选项为true,一条单一的与X轴有关的十字准线将被显示出来。
            //为一组Boolean时:
            //    在一组Boolean值中,第一个值表示是否与X轴有准线连接,第二个值表示是否与Y轴有准线连接。使用[true, true]可以展现完整的十字准线。
            //为json 对象时:
            //    对象中包含更详细的属性设置,属性包括 width, color, dashStyle和zIndex,分别代表线条宽度、颜色、演示 及 显示层次
            // crosshairs: true,//为x的值显示十字准心
            //crosshairs: [true, true],//二维十字准心 
            //crosshairs: {//x轴的点线样式十字准心
            //   width: 2,
            //  color: 'gray',
            //    dashStyle: 'shortdot'
            //},
            /*
            crosshairs: [{//自定义十字准心
                width: 3,
                color: 'green'
            }, {
                width: 3,
                color: 'green'
            }],
            */
            //当提示框被共享时,整个绘图区都将捕捉鼠标指针的移动。
            //提示框文本显示有序数据(不包括饼图,散点图和标志图(flag)等)的系列类型将被显示在单一的气泡中。推荐在单一系列的图表和平板/手机优化的图表中使用。
            //shared: true
            
            //headerFormat: '<b>{series.name}</b><br/>',
            //pointFormat: '{point.x} km: {point.y}°C'
        },
        
        
        
        /************图例***************/
        //省略图例会在下面显示
        //也可以设置 设置在下方
        legend: { 
            //layout: 'horizontal',//horizontal,vertical
            //align: 'center', 
            //verticalAlign: 'bottom', 
            //borderWidth: 0 
            //enabled:false//关闭图例
        }, 
        /*
        //显示在靠右居中
        legend: { 
            layout: 'vertical',//horizontal,vertical
            align: 'right', 
            verticalAlign: 'middle', 
            borderWidth: 0 
        },
        */
        
        
        //plotOptions用于设置图表中的数据点相关属性。
        plotOptions: { 
            
            spline:{
                lineWidth:4,
                //设置鼠标放上去的状态
                states: {
                    hover: { 
                        lineWidth: 4 
                    } 
                },
                marker:{
                    enable:false
                    //radius: 4, 
                    //lineColor: '#FEDFCD',
                    //lineWidth: 1
                },
                pointInterval: 3600000, // one hour
                pointStart: Date.UTC(2016, 7, 9, 0, 0, 0)
            }
            
            /*
            line: { 
                //animation:true,//是否在显示图表的时候使用动画  
                cursor:'pointer',//鼠标移到图表上时手势的样式  
                dataLabels: { 
                    enabled: true//是否在数据点上直接显示数据 设为true表示是
                }, 
                enableMouseTracking: false //鼠标移到图表上时是否显示提示框  
            } 
            */
            /*
            area: { 
                //Fill color or gradient for the area. When null, the series' color is used with the series' fillOpacity
                //为区域填充颜色或者梯度,如果没有区域的话,数据列的颜色将会使用fillOpacity填充透明
                fillColor: { 
                    linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1}, //设置颜色渐变
                    stops: [ 
                        [0, Highcharts.getOptions().colors[0]], 
                        [1, Highcharts.Color(Highcharts.getOptions().colors[0]).setOpacity(0).get('rgba')] ] 
                }, 
                lineWidth: 1,//设置线宽度 默认是: 2.
                //标记
                marker: { 
                    enabled: false //启用或禁用点标记 
                }, 
                shadow: false,//设置禁用图形线的下拉阴影
                
                //设置鼠标放上去的状态
                states: {
                    hover: { 
                        lineWidth: 1 
                    } 
                },
                
                //在Y轴的值作为该区域的基础上,用于区分上述和低于阈值的值。如果为空,该区域的行为像一个线系列与填充之间的图形和Y轴最小。
                threshold: null
            }
            */
            
        },
        
        
        /*****************数据列******************/
        
        series: [{ 
            name: 'time1', 
            data: [4.3, 5.1, 4.3, 5.2, 5.4, 4.7, 3.5, 4.1, 5.6, 7.4, 6.9, 7.1, 7.9, 7.9, 7.5, 6.7, 7.7, 7.7, 7.4, 7.0, 7.1, 5.8, 5.9, 7.4, 8.2, 8.5, 9.4, 8.1, 10.9, 10.4, 10.9, 12.4, 12.1, 9.5, 7.5, 7.1, 7.5, 8.1, 6.8, 3.4, 2.1, 1.9, 2.8, 2.9, 1.3, 4.4, 4.2, 3.0, 3.0] 
            }, { 
            name: 'time2', 
            data: [0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.1, 0.0, 0.3, 0.0, 0.0, 0.4, 0.0, 0.1, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.6, 1.2, 1.7, 0.7, 2.9, 4.1, 2.6, 3.7, 3.9, 1.7, 2.3, 3.0, 3.3, 4.8, 5.0, 4.8, 5.0, 3.2, 2.0, 0.9, 0.4, 0.3, 0.5, 0.4] 
        }],
        
        
        
        /*
        series: [{
                name:'中国',
            
            
            data:[
                [10,20],[26,-25],[88,56],[-80,10],[29,-76],[-16,18]
            ]
            
            //data: [[0, 15], [10, -50], [20, -56.5], [30, -46.5], [40, -22.1], [50, -2.5], [60, -27.7], [70, -55.7], [80, -76.5]]
        }]
        */
        
        /*
        series: [
        
            {
                name: 'A省',//图例名称
                data: [200, 230, 190, 500, 600, 689]//数据
            }, 
            { 
                name: 'B省',
                data: [400, 700, 690, 590, 700, 780]
            }, 
            { 
                name: 'C省', 
                data: [355, 230, 489, 609, 329, 800]
            },
            {
                name: 'D省',
                data: [190, 234, 343, 444, 567, 787]
            },
            { 
                name: 'E省', 
                data: [122, 345, 556, 778, 568, 888]
            }
        
        ] 
        */
        /*
        series: [{ 
            type: 'area', 
            name: 'test', 
            pointInterval: 24 * 3600 * 1000,
            pointStart: Date.UTC(2006, 0, 01),
            data: [ 
                0.8446, 0.8445, 0.8444, 0.8451, 0.8418, 0.8264, 0.8258, 0.8232, 
                0.8233, 0.8258, 0.8283, 0.8278, 0.8256, 0.8292, 0.8239, 0.8239, 
                0.8245, 0.8265, 0.8261, 0.8269, 0.8273, 0.8244, 0.8244, 0.8172,
                0.8139, 0.8146, 0.8164, 0.82, 0.8269, 0.8269, 0.8269, 0.8258, 0.8247, 
                0.8286, 0.8289, 0.8316, 0.832, 0.8333, 0.8352, 0.8357, 0.8355, 0.8354,
                0.8403, 0.8403, 0.8406, 0.8403, 0.8396, 0.8418, 0.8409, 0.8384, 0.8386,
                0.8372, 0.839, 0.84, 0.8389, 0.84, 0.8423, 0.8423, 0.8435, 0.8422, 0.838, 
                0.8373, 0.8316, 0.8303, 0.8303, 0.8302, 0.8369, 0.84, 0.8385, 0.84, 0.8401,
                0.8402, 0.8381, 0.8351, 0.8314, 0.8273, 0.8213, 0.8207, 0.8207, 0.8215, 0.8242,
                0.8273, 0.8301, 0.8346, 0.8312, 0.8312, 0.8312, 0.8306, 0.8327, 0.8282, 0.824,
                0.8255, 0.8256, 0.8273, 0.8209, 0.8151, 0.8149, 0.8213, 0.8273, 0.8273, 0.8261,
                0.8252, 0.824, 0.8262, 0.8258, 0.8261, 0.826, 0.8199, 0.8153, 0.8097, 0.8101, 
                0.8119, 0.8107, 0.8105, 0.8084, 0.8069, 0.8047, 0.8023, 0.7965, 0.7919, 0.7921, 
                0.7922, 0.7934, 0.7918, 0.7915, 0.787, 0.7861, 0.7861, 0.7853, 0.7867, 0.7827, 
                0.7834, 0.7766, 0.7751, 0.7739, 0.7767, 0.7802, 0.7788, 0.7828, 0.7816, 0.7829,
                0.783, 0.7829, 0.7781, 0.7811, 0.7831, 0.7826, 0.7855, 0.7855, 0.7845, 0.7798, 
                0.7777, 0.7822, 0.7785, 0.7744, 0.7743, 0.7726, 0.7766, 0.7806, 0.785, 0.7907, 
                0.7912, 0.7913, 0.7931, 0.7952, 0.7951, 0.7928, 0.791, 0.7913, 0.7912, 0.7941, 
                0.7953, 0.7921, 0.7919, 0.7968, 0.7999, 0.7999, 0.7974, 0.7942, 0.796, 0.7969, 
                0.7862, 0.7821, 0.7821, 0.7821, 0.7811, 0.7833, 0.7849, 0.7819, 0.7809, 0.7809, 
                0.7827, 0.7848, 0.785, 0.7873, 0.7894, 0.7907, 0.7909, 0.7947, 0.7987, 0.799, 0.7927,
                0.79, 0.7878, 0.7878, 0.7907, 0.7922, 0.7937, 0.786, 0.787, 0.7838, 0.7838, 0.7837,
                0.7836, 0.7806, 0.7825, 0.7798, 0.777, 0.777, 0.7772, 0.7793, 0.7788, 0.7785, 0.7832,
                0.7865, 0.7865, 0.7853, 0.7847, 0.7809, 0.778, 0.7799, 0.78, 0.7801, 0.7765, 0.7785, 0.7811,
                0.782, 0.7835, 0.7845, 0.7844, 0.782, 0.7811, 0.7795, 0.7794, 0.7806, 0.7794, 0.7794, 0.7778,
                0.7793, 0.7808, 0.7824, 0.787, 0.7894, 0.7893, 0.7882, 0.7871, 0.7882, 0.7871, 0.7878, 0.79,
                0.7901, 0.7898, 0.7879, 0.7886, 0.7858, 0.7814, 0.7825, 0.7826, 0.7826, 0.786, 0.7878, 0.7868,
                0.7883, 0.7893, 0.7892, 0.7876, 0.785, 0.787, 0.7873, 0.7901, 0.7936, 0.7939, 0.7938, 0.7956, 
                0.7975, 0.7978, 0.7972, 0.7995, 0.7995, 0.7994, 0.7976, 0.7977, 0.796, 0.7922, 0.7928, 0.7929,
                0.7948, 0.797, 0.7953, 0.7907, 0.7872, 0.7852, 0.7852, 0.786, 0.7862, 0.7836, 0.7837, 0.784, 
                0.7867, 0.7867, 0.7869, 0.7837, 0.7827, 0.7825, 0.7779, 0.7791, 0.779, 0.7787, 0.78, 0.7807, 
                0.7803, 0.7817, 0.7799, 0.7799, 0.7795, 0.7801, 0.7765, 0.7725, 0.7683, 0.7641, 0.7639, 0.7616,
                0.7608, 0.759, 0.7582, 0.7539, 0.75, 0.75, 0.7507, 0.7505, 0.7516, 0.7522, 0.7531, 0.7577, 0.7577, 
                0.7582, 0.755, 0.7542, 0.7576, 0.7616, 0.7648, 0.7648, 0.7641, 0.7614, 0.757, 0.7587, 0.7588, 0.762,
                0.762, 0.7617, 0.7618, 0.7615, 0.7612, 0.7596, 0.758, 0.758, 0.758, 0.7547, 0.7549, 0.7613, 0.7655, 
                0.7693, 0.7694, 0.7688, 0.7678, 0.7708, 0.7727, 0.7749, 0.7741, 0.7741, 0.7732, 0.7727, 0.7737,
                0.7724, 0.7712, 0.772, 0.7721, 0.7717, 0.7704, 0.769, 0.7711, 0.774, 0.7745, 0.7745, 0.774,
                0.7716, 0.7713, 0.7678, 0.7688, 0.7718, 0.7718, 0.7728, 0.7729, 0.7698, 0.7685, 0.7681, 
                0.769, 0.769, 0.7698, 0.7699, 0.7651, 0.7613, 0.7616, 0.7614, 0.7614, 0.7607, 0.7602, 
                0.7611, 0.7622, 0.7615, 0.7598, 0.7598, 0.7592, 0.7573, 0.7566, 0.7567, 0.7591, 0.7582,
                0.7585, 0.7613, 0.7631, 0.7615, 0.76, 0.7613, 0.7627, 0.7627, 0.7608, 0.7583, 0.7575, 
                0.7562, 0.752, 0.7512, 0.7512, 0.7517, 0.752, 0.7511, 0.748, 0.7509, 0.7531, 0.7531, 
                0.7527, 0.7498, 0.7493, 0.7504, 0.75, 0.7491, 0.7491, 0.7485, 0.7484, 0.7492, 0.7471,
                0.7459, 0.7477, 0.7477, 0.7483, 0.7458, 0.7448, 0.743, 0.7399, 0.7395, 0.7395, 0.7378,
                0.7382, 0.7362, 0.7355, 0.7348, 0.7361, 0.7361, 0.7365, 0.7362, 0.7331, 0.7339, 0.7344,
                0.7327, 0.7327, 0.7336, 0.7333, 0.7359, 0.7359, 0.7372, 0.736, 0.736, 0.735, 0.7365, 
                0.7384, 0.7395, 0.7413, 0.7397, 0.7396, 0.7385, 0.7378, 0.7366, 0.74, 0.7411, 0.7406, 
                0.7405, 0.7414, 0.7431, 0.7431, 0.7438, 0.7443, 0.7443, 0.7443, 0.7434, 0.7429, 0.7442,
                0.744, 0.7439, 0.7437, 0.7437, 0.7429, 0.7403, 0.7399, 0.7418, 0.7468, 0.748, 0.748, 0.749,
                0.7494, 0.7522, 0.7515, 0.7502, 0.7472, 0.7472, 0.7462, 0.7455, 0.7449, 0.7467, 0.7458, 0.7427, 
                0.7427, 0.743, 0.7429, 0.744, 0.743, 0.7422, 0.7388, 0.7388, 0.7369, 0.7345, 0.7345, 0.7345,
                0.7352, 0.7341, 0.7341, 0.734, 0.7324, 0.7272, 0.7264, 0.7255, 0.7258, 0.7258, 0.7256, 0.7257,
                0.7247, 0.7243, 0.7244, 0.7235, 0.7235, 0.7235, 0.7235, 0.7262, 0.7288, 0.7301, 0.7337, 0.7337,
                0.7324, 0.7297, 0.7317, 0.7315, 0.7288, 0.7263, 0.7263, 0.7242, 0.7253, 0.7264, 0.727, 0.7312,
                0.7305, 0.7305, 0.7318, 0.7358, 0.7409, 0.7454, 0.7437, 0.7424, 0.7424, 0.7415, 0.7419, 0.7414,
                0.7377, 0.7355, 0.7315, 0.7315, 0.732, 0.7332, 0.7346, 0.7328, 0.7323, 0.734, 0.734, 0.7336, 
                0.7351, 0.7346, 0.7321, 0.7294, 0.7266, 0.7266, 0.7254, 0.7242, 0.7213, 0.7197, 0.7209, 0.721,
                0.721, 0.721, 0.7209, 0.7159, 0.7133, 0.7105, 0.7099, 0.7099, 0.7093, 0.7093, 0.7076, 0.707, 
                0.7049, 0.7012, 0.7011, 0.7019, 0.7046, 0.7063, 0.7089, 0.7077, 0.7077, 0.7077, 0.7091, 0.7118,
                0.7079, 0.7053, 0.705, 0.7055, 0.7055, 0.7045, 0.7051, 0.7051, 0.7017, 0.7, 0.6995, 0.6994, 
                0.7014, 0.7036, 0.7021, 0.7002, 0.6967, 0.695, 0.695, 0.6939, 0.694, 0.6922, 0.6919, 0.6914, 
                0.6894, 0.6891, 0.6904, 0.689, 0.6834, 0.6823, 0.6807, 0.6815, 0.6815, 0.6847, 0.6859, 0.6822,
                0.6827, 0.6837, 0.6823, 0.6822, 0.6822, 0.6792, 0.6746, 0.6735, 0.6731, 0.6742, 0.6744, 0.6739,
                0.6731, 0.6761, 0.6761, 0.6785, 0.6818, 0.6836, 0.6823, 0.6805, 0.6793, 0.6849, 0.6833, 0.6825, 
                0.6825, 0.6816, 0.6799, 0.6813, 0.6809, 0.6868, 0.6933, 0.6933, 0.6945, 0.6944, 0.6946, 0.6964, 0.6965,
                0.6956, 0.6956, 0.695, 0.6948, 0.6928, 0.6887, 0.6824, 0.6794, 0.6794, 0.6803, 0.6855, 0.6824, 0.6791, 
                0.6783, 0.6785, 0.6785, 0.6797, 0.68, 0.6803, 0.6805, 0.676, 0.677, 0.677, 0.6736, 0.6726, 0.6764, 0.6821,
                0.6831, 0.6842, 0.6842, 0.6887, 0.6903, 0.6848, 0.6824, 0.6788, 0.6814, 0.6814, 0.6797, 0.6769, 0.6765, 0.6733,
                0.6729, 0.6758, 0.6758, 0.675, 0.678, 0.6833, 0.6856, 0.6903, 0.6896, 0.6896, 0.6882, 0.6879, 0.6862, 0.6852, 0.6823, 
                0.6813, 0.6813, 0.6822, 0.6802, 0.6802, 0.6784, 0.6748, 0.6747, 0.6747, 0.6748, 0.6733, 0.665, 0.6611, 0.6583, 0.659, 0.659,
                0.6581, 0.6578, 0.6574, 0.6532, 0.6502, 0.6514, 0.6514, 0.6507, 0.651, 0.6489, 0.6424, 0.6406, 0.6382, 0.6382, 0.6341, 0.6344,
                0.6378, 0.6439, 0.6478, 0.6481, 0.6481, 0.6494, 0.6438, 0.6377, 0.6329, 0.6336, 0.6333, 0.6333, 0.633, 0.6371, 0.6403, 0.6396,
                0.6364, 0.6356, 0.6356, 0.6368, 0.6357, 0.6354, 0.632, 0.6332, 0.6328, 0.6331, 0.6342, 0.6321, 0.6302, 0.6278, 0.6308, 0.6324,
                0.6324, 0.6307, 0.6277, 0.6269, 0.6335, 0.6392, 0.64, 0.6401, 0.6396, 0.6407, 0.6423, 0.6429, 0.6472, 0.6485, 0.6486, 0.6467, 
                0.6444, 0.6467, 0.6509, 0.6478, 0.6461, 0.6461, 0.6468, 0.6449, 0.647, 0.6461, 0.6452, 0.6422, 0.6422, 0.6425, 0.6414, 0.6366, 
                0.6346, 0.635, 0.6346, 0.6346, 0.6343, 0.6346, 0.6379, 0.6416, 0.6442, 0.6431, 0.6431, 0.6435, 0.644, 0.6473, 0.6469, 0.6386, 
                0.6356, 0.634, 0.6346, 0.643, 0.6452, 0.6467, 0.6506, 0.6504, 0.6503, 0.6481, 0.6451, 0.645, 0.6441, 0.6414, 0.6409, 0.6409,
                0.6428, 0.6431, 0.6418, 0.6371, 0.6349, 0.6333, 0.6334, 0.6338, 0.6342, 0.632, 0.6318, 0.637, 0.6368, 0.6368, 0.6383, 0.6371,
                0.6371, 0.6355, 0.632, 0.6277, 0.6276, 0.6291, 0.6274, 0.6293, 0.6311, 0.631, 0.6312, 0.6312, 0.6304, 0.6294, 0.6348, 0.6378,
                0.6368, 0.6368, 0.6368, 0.636, 0.637, 0.6418, 0.6411, 0.6435, 0.6427, 0.6427, 0.6419, 0.6446, 0.6468, 0.6487, 0.6594, 0.6666,
                0.6666, 0.6678, 0.6712, 0.6705, 0.6718, 0.6784, 0.6811, 0.6811, 0.6794, 0.6804, 0.6781, 0.6756, 0.6735, 0.6763, 0.6762, 0.6777,
                0.6815, 0.6802, 0.678, 0.6796, 0.6817, 0.6817, 0.6832, 0.6877, 0.6912, 0.6914, 0.7009, 0.7012, 0.701, 0.7005, 0.7076, 0.7087, 
                0.717, 0.7105, 0.7031, 0.7029, 0.7006, 0.7035, 0.7045, 0.6956, 0.6988, 0.6915, 0.6914, 0.6859, 0.6778, 0.6815, 0.6815, 0.6843, 
                0.6846, 0.6846, 0.6923, 0.6997, 0.7098, 0.7188, 0.7232, 0.7262, 0.7266, 0.7359, 0.7368, 0.7337, 0.7317, 0.7387, 0.7467, 0.7461,
                0.7366, 0.7319, 0.7361, 0.7437, 0.7432, 0.7461, 0.7461, 0.7454, 0.7549, 0.7742, 0.7801, 0.7903, 0.7876, 0.7928, 0.7991, 0.8007, 
                0.7823, 0.7661, 0.785, 0.7863, 0.7862, 0.7821, 0.7858, 0.7731, 0.7779, 0.7844, 0.7866, 0.7864, 0.7788, 0.7875, 0.7971, 0.8004,
                0.7857, 0.7932, 0.7938, 0.7927, 0.7918, 0.7919, 0.7989, 0.7988, 0.7949, 0.7948, 0.7882, 0.7745, 0.771, 0.775, 0.7791, 0.7882,
                0.7882, 0.7899, 0.7905, 0.7889, 0.7879, 0.7855, 0.7866, 0.7865, 0.7795, 0.7758, 0.7717, 0.761, 0.7497, 0.7471, 0.7473, 0.7407,
                0.7288, 0.7074, 0.6927, 0.7083, 0.7191, 0.719, 0.7153, 0.7156, 0.7158, 0.714, 0.7119, 0.7129, 0.7129, 0.7049, 0.7095 ] 
            }]
        */
        
        navigation: { 
            menuItemStyle: 
                { 
                    fontSize: '10px' 
                } 
        }
        
    });
});
</script>


</head>




<body>
<div id="container" style="min-width:700px;height:400px"></div>
</body>

</html>
图片.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 211,376评论 6 491
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,126评论 2 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 156,966评论 0 347
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,432评论 1 283
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,519评论 6 385
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,792评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,933评论 3 406
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,701评论 0 266
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,143评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,488评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,626评论 1 340
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,292评论 4 329
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,896评论 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,742评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,977评论 1 265
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,324评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,494评论 2 348

推荐阅读更多精彩内容