Highcharts 区间柱形图

最新推荐文章于 2024-05-07 14:21:51 发布

原创

最新推荐文章于 2024-05-07 14:21:51 发布 · 596 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Highcharts

一代码

<html>
<head>
<meta charset="UTF-8" />
<title>Highcharts 区间柱形图</title>
   <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
   <script src="http://code.highcharts.com/highcharts.js"></script>
   <script src="http://code.highcharts.com/highcharts-more.js"></script>
</head>
<body>
<div id="container" style="width: 550px; height: 400px; margin: 0 auto"></div>
<script language="JavaScript">
$(document).ready(function() {
   // 类型为区间柱形图
   var chart = {
      type: 'columnrange',
     inverted:true
   };
   // 标题
   var title = {
      text: '月温差范围'
   };
   // 子标题
   var subtitle = {
      text: '挪威2009'
   };
   // X轴
   var xAxis = {
      categories: ['一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一月','十二月']
   };
   // Y轴
   var yAxis = {
      title: {
         text: 'Temperature