最近2018中文字幕在日韩欧美国产成人片_国产日韩精品一区二区在线_在线观看成年美女黄网色视频_国产精品一区三区五区_国产精彩刺激乱对白_看黄色黄大色黄片免费_人人超碰自拍cao_国产高清av在线_亚洲精品电影av_日韩美女尤物视频网站

本篇文章為大家展示了怎么在jQuery中使用HighCharts實現(xiàn)2D柱狀圖，內(nèi)容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。

1、實例代碼：

   $(function(){
     $('#someColumnLineChart').highcharts({
       chart: {
         zoomType: 'xy'
       },
       title: {
         text: '(jb51.net)某城市有關(guān)氣候參數(shù)'
       },
       xAxis: [{
         categories: ['一月', '二月', '三月', '四月', '五月', '六月','七月', '八月', '九月', '十月', '十一月', '十二月']
       }],
       yAxis: [{ // 主Y軸
         labels: {
           formatter: function() {
             return this.value +'°C';
           },
           style: {
             color: '#89A54E'
           }
         },
         title: {
           text: '溫度',
           style: {
             color: '#89A54E'
           }
         },
         opposite: true
       }, { // 次Y軸
         gridLineWidth: 0,
         title: {
           text: '降雨量',
           style: {
             color: '#4572A7'
           }
         },
         labels: {
           formatter: function() {
             return this.value +' mm';
           },
           style: {
             color: '#4572A7'
           }
         }
       }, { // 第三級Y軸
         gridLineWidth: 0,
         title: {
           text: '氣壓',
           style: {
             color: '#AA4643'
           }
         },
         labels: {
           formatter: function() {
             return this.value +' mb';
           },
           style: {
             color: '#AA4643'
           }
         },
         opposite: true
       }],
       tooltip: {
         shared: true
       },
       legend: {
         layout: 'vertical',
         align: 'left',
         x: 120,
         verticalAlign: 'top',
         y: 80,
         floating: true,
         backgroundColor: '#FFFFFF'
       },
       series: [{
         name: '降雨量',
         color: '#4572A7',
         type: 'column',
         yAxis: 1,
         data: [50.9, 71.5, 96.4, 129.2, 144.0, 106.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.8],
         tooltip: {
           valueSuffix: ' mm'
         }
       }, {
         name: '氣壓',
         type: 'spline',
         color: '#AA4643',
         yAxis: 2,
         data: [1015, 1012, 1015.9, 1015.5, 1012.3, 1009.5, 1009.6, 1010.2, 1015.1, 1016.9, 1008.2, 1026.7],
         marker: {
           enabled: false
         },
         dashStyle: 'shortdot',
         tooltip: {
           valueSuffix: ' mb'
         }
       }, {
         name: '溫度',
         color: '#89A54E',
         type: 'spline',
         data: [3.0, 6.8, 11.5, 16.5, 18.2, 22.5, 28.2, 36.5, 23.3, 18.3, 13.9, 2.6],
         tooltip: {
           valueSuffix: ' °C'
         }
       }]
     });
   });