案例:HighCharts案例     状态:可编辑再运行    进入竖版
 运行结果 
AخA
 
1
<html>
2
<head>
3
<meta charset="UTF-8" />
4
<title>Highcharts 教程 | W3xue教程(w3xue.com)</title>
5
<script src="/js/jquery-2.1.4.min.js"></script>
6
<script src="/js/hc/highcharts5.0.6.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 chart = {
13
      type: 'spline',
14
      inverted: true
15
   }; 
16
   var title = {
17
      text: 'Atmosphere Temperature by Altitude'   
18
   };
19
   var subtitle = {
20
      text: 'According to the Standard Atmosphere Model'
21
   };
22
   var xAxis = {
23
      reversed: false,
24
      title: {
25
         enabled: true,
26
         text: 'Altitude'
27
      },
28
      labels: {
29
         formatter: function () {
30
            return this.value + 'km';
31
         }
32
      },
33
      maxPadding: 0.05,
34
      showLastLabel: true
35
   };
36
   var yAxis = {
37
      title: {
38
         text: 'Temperature'
39
      },
40
      labels: {
41
         formatter: function () {
42
            return this.value + '\xB0';
43
         }
44
      },
45
      lineWidth: 2
46
   };
47
   var legend = {
48
      enabled: false