案例:HighCharts案例     状态:可编辑再运行    进入竖版
 运行结果 
AخA
 
1
<html>
2
<head>
3
   <title>Highcharts 教程 | W3xue教程(w3xue.com)</title>
4
   <script src="/js/jquery-2.1.4.min.js"></script>
5
   <script src="/js/hc/highcharts5.0.6.js"></script>  
6
   <script src="https://code.highcharts.com/highcharts-more.js"></script>  
7
</head>
8
<body>
9
<div id="container" style="width: 550px; height: 400px; margin: 0 auto"></div>
10
<script language="JavaScript">
11
$(document).ready(function() {  
12
    var ranges = [
13
      [1246406400000, 14.3, 27.7],
14
      [1246492800000, 14.5, 27.8],
15
      [1246579200000, 15.5, 29.6],
16
      [1246665600000, 16.7, 30.7],
17
      [1246752000000, 16.5, 25.0],
18
      [1246838400000, 17.8, 25.7],
19
      [1246924800000, 13.5, 24.8],
20
      [1247011200000, 10.5, 21.4],
21
      [1247097600000, 9.2, 23.8],
22
      [1247184000000, 11.6, 21.8],
23
      [1247270400000, 10.7, 23.7],
24
      [1247356800000, 11.0, 23.3],
25
      [1247443200000, 11.6, 23.7],
26
      [1247529600000, 11.8, 20.7],
27
      [1247616000000, 12.6, 22.4],
28
      [1247702400000, 13.6, 19.6],
29
      [1247788800000, 11.4, 22.6],
30
      [1247875200000, 13.2, 25.0],
31
      [1247961600000, 14.2, 21.6],
32
      [1248048000000, 13.1, 17.1],
33
      [1248134400000, 12.2, 15.5],
34
      [1248220800000, 12.0, 20.8],
35
      [1248307200000, 12.0, 17.1],
36
      [1248393600000, 12.7, 18.3],
37
      [1248480000000, 12.4, 19.4],
38
      [1248566400000, 12.6, 19.9],
39
      [1248652800000, 11.9, 20.2],
40
      [1248739200000, 11.0, 19.3],
41
      [1248825600000, 10.8, 17.8],
42
      [1248912000000, 11.8, 18.5],
43
      [1248998400000, 10.8, 16.1]
44
   ];
45
   var averages = [
46
      [1246406400000, 21.5],
47
      [1246492800000, 22.1],
48
      [1246579200000, 23],