一 代码
<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/modules/treemap.js"></script>
<script src="http://code.highcharts.com/modules/heatmap.js"></script>
</head>
<body>
<div id="container" style="width: 550px; height: 400px; margin: 0 auto"></div>
<script language="JavaScript">
$(document).ready(function() {
var title = {
text: '水果消费'
};
var series = [{
// 树状图
type: "treemap",
layoutAlgorithm: 'stripes',
alternateStartingDirection: true,