option = {
tooltip: {
show: true,
trigger: 'item',
formatter: function (params) {
return 'X: ' + params.data[0] + '<br>Y: ' + params.data[1] + '<br>Value: ' + params.data[2];
}
},
series: [{
type: 'heatmap',
data: [
[0, 0, 10],
[0, 1, 20],
[0, 2, 30],
[1, 0, 40],
[1, 1, 50],
[1, 2, 60],
// 更多数据...
],
label: {
show: true
},
emphasis: {
itemStyle: {
color: '#a6c84c'
}
}
}]
};
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);
在上述代码中,通过 tooltip 配置项的 formatter 属性来设置提示框的内容。params 包含了触发提示框的数据信息,通过 params.data 可以获取热力图数据点的信息。在这个例子中,我将 X、Y、和数值都显示在提示框中,你可以根据需要进行自定义。
这只是一个简单的示例,你可以根据具体需求进一步定制提示框的样式和内容。
转载请注明出处:http://www.zyzy.cn/article/detail/5432/ECharts