用自己的图片作为背景,怎么做热力图
这是我的代码,求各位大佬帮忙
Demo* {
margin: 0; padding: 0;
}
$.ajax({
type:"get",
url:"aa.json",
async:true,
success: function(da){
if(da.ret == 200){
//添加需要实现热力分布的图片
$('#graphic').html("
var heatData = []; //定义数组存取后台数据
//封装成所需要的数据 x:距右边距的像素,y:距上边距的像素,h:热度
for(var i = 0;i < da.data.length; i++) {
heatData[i]=[da.data[i].x,da.data[i].y,da.data[i].h];
}
console.log(heatData);
// 基于准备好的dom,初始化echarts图表
var myChart = echarts.init(document.getElementById('main'));
var option = {
title : {
text: '热力图自定义样式'
},