echarts热力背景图_echarts2.0自定义图片热力图问题

问题描述

我用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.自己控制热力点的最大值以及最小值。