案例: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],

 运行结果 
 北美留学生论坛