Echarts自定义热力图echarts heatmap配置项内容和展示

怎么使用Echarts3.0自定义热力图,不想用百度的图片,我有自己的图片怎么使用

配置项如下
      var option = {
			title: {
		        text: '热力图',
		    },
		    backgroundColor: '#404a59',
		    visualMap: {
		        min: 0,
		        max: 500,
		        splitNumber: 5,
		        inRange: {
		            color: ['#d94e5d','#eac736','#50a3ba'].reverse()
		        },
		        textStyle: {
		            color: '#fff'
		        }
		    },
		    series:[
                {
                    type : 'heatmap',
                    data : [[10,12,100]],
                    hoverable : false,
                    gradientColors: [{
                        offset: 0.4,
                        color: 'green'
                    }, {
                        offset: 0.5,
                        color: 'yellow'
                    }, {
                        offset: 0.8,
                        color: 'orange'
                    }, {
                        offset: 1,
                        color: 'red'
                    }],
                    minAlpha: 0.2,
                    valueScale: 2,
                    opacity: 0.6
                }
            ]
		}
		heatmap.setOption(option);
    
截图如下