问题描述

我用echarts2.0写了一个自定义图片的热力图，数据源位置是点距左边和上边的距离，我想实现自己控制热力图的最大值和最小值，以及如何实现鼠标移到热力点位置时出现该热力点的描述信息？

问题出现的环境背景及自己尝试过哪些方法

想要在一张图片上实现热力图效果

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）
数据格式为：
["1881", "2202", 0.2742822625017776, "热力点描述信息"]
option = {
title : {
text: ''
},
series : [
{
type : 'heatmap',
data : heatDatas,
hoverable : true,
gradientColors: [{
offset: 0.2,
color: '#36FF02'
}, {
offset: 0.4,
color: '#547CED'
}, {
offset: 0.6,
color: '#EF84ED'
}, {
offset: 0.8,
color: '#DB7300'
}, {
offset: 1,
color: '#FF4D47'
}],
minAlpha: 0.2,
valueScale: 2,
opacity: 0.6
}
]
};

你期待的结果是什么？实际看到的错误信息又是什么？

1.鼠标移到热力点位置时出现该热力点的描述信息；
2.自己控制热力点的最大值以及最小值。