热图heatmap问题echarts heatmap配置项内容和展示
使用最新的echarts
配置项如下
<!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，添加后发现报第三种错误；
第三种错误：需要两个类目轴；
请问这种情况是怎么回事？求哥哥 指点
截图如下
