热图heatmap问题ECharts Gallery

20:11:45图表已生成
代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>测试</title>
<script type="text/javascript"
	src="/behavior/resources/easyui/jquery.min.js"></script>
<script type="text/javascript"
	src="/behavior/resources/echarts/echarts.js"></script>
<script type="text/javascript"
	src="/behavior/resources/visitor/index_heatmap_echarts.js"></script>
</head>
<body>
	<div id="graphic">
		<img id="baidu-img" src="/behavior/resources/img/test.png">
		<div id="main"></div>
	</div>
</body>
</html>

------下面为index_heatmap_echarts.js的代码；
$(document).ready(function() {
    // 在这里写你的代码...
    var myChart = echarts.init(document.getElementById('main'));
    loadData(myChart);
});

var loadData = function(myChart) {
    var heatData = [];
    for (var i = 0; i < 20; ++i) {
        heatData.push([
            400 + Math.random() * 300,
            5 + Math.random() * 10,
            Math.random()
        ]);
    }
    for (var i = 0; i < 100; ++i) {
        heatData.push([
            100 + Math.random() * 600,
            150 + Math.random() * 50,
            Math.random()
        ]);
    }

    for (var i = 0; i < 200; ++i) {
        heatData.push([
            Math.random() * 1000,
            Math.random() * 800,
            Math.random() * 0.5
        ]);
    };
    myChart.setOption({
        title: {
            text: '热力图'
        },
        series: [{
            type: 'heatmap',
            data: heatData,
            hoverable: false
        }]
    });
}

按照官网例子进行操作，发现无法热图无法正常显示，会报一些错误；
第一种错误：缺少xAxis，添加后发现报第二种错误；
第二种错误：缺少visualMap，添加后发现报第三种错误；
第三种错误：需要两个类目轴；

请问这种情况是怎么回事？求哥哥 指点
作品使用的第三方脚本

数据管理

历史数据 0 条

代码修改记录

信息提示

保存作品
