案例: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="https://cdn.bootcss.com/highcharts/5.0.10/highcharts.js"></script>
7
<script src="https://cdn.bootcss.com/highcharts/5.0.10/js/modules/treemap.js"></script>
8
<script src="https://cdn.bootcss.com/highcharts/5.0.10/modules/heatmap.js"></script>
9
</head>
10
<body>
11
<div id="container" style="width: 550px; height: 400px; margin: 0 auto"></div>
12
<script language="JavaScript">
13
$(document).ready(function() {    
14
   var title = {
15
      text: 'Highcharts Treemap'   
16
   };       
17
   
18
   var colorAxis = {
19
      minColor: '#FFFFFF',
20
      maxColor: Highcharts.getOptions().colors[0]
21
   };
22
   
23
   var series= [{
24
     type: "treemap",

 运行结果 
 北美留学生论坛