echarts热力背景图_echarts自定义背景图片

//使用canvas把背景添加到echarts里

var img = new Image();

var canvas = document.createElement('canvas');

var ctx = canvas.getContext('2d');

canvas.width = myChart.getWidth() * window.devicePixelRatio;

canvas.height = myChart.getHeight() * window.devicePixelRatio;

var fullImage = new Image();

img.onload = function() {

ctx.drawImage(img, 0, 0, canvas.width, canvas.height);

fullImage.src = canvas.toDataURL();

setTimeout(function() {

myChart.resize();

}, 100)

}

img.src = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA+gAAAJyCAIAAADYS30iAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAACArSURBVHhe7d29b2PZecDh+UPcxV0ql1blKmWqpIorF/pPDFULaIEpCKQIkAEyhgEXHgOCIWBhZLGt4SZII6QgIAGCBX+MiyU9a8k5955D6vKSkjji13l5nwdvHJKH0lDUvXN+w+Gs3vwdAAConnAHAIAAhDsAAAQg3AEAIADhDgAAAQh3AAAIQLgDAEAAwh0AAAIQ7gAAEIBwBwCAAIQ7AAAEINwBACAA4Q4AAAEIdwAACEC4AwBAAMIdAAACEO4AABCAcAcAgACEOwAABCDcAQAgAOEOAAABCHcAAAhAuAMAQADCHQAAAhDuAAAQgHAHAIAAhDsAAAQg3AEAIADhDgAAAQh3AAAIQLgDAEAAwh0AAAIQ7gAAEIBwBwCAAIQ7AAAEINwBACAA4Q4AAAEIdwAACEC4AwBAAMIdAAACEO4AABCAcAcAgACEOwAABCDcAQAgAOEOAAABCHcAAAhAuLO+q/OTN6cXzaWL0zcn51ftjd2bn/bcfdInW8dLvwQAwFET7qxnZV238b4Q8U9pwn2F5U/Q/DrLn26dPxsAABw14c76Vr3ivhz0Kyv+hVfcZx+z/Nny5xPuAMDgCXfWsqqoWyfJrNTTnZ6q63XCPf8a3e5vbmk/SrgDAIMn3NnAxenJ+cX5SUnqxbpurj1vdt823NOnaW94/CSznm8IdwBg8IQ7a1oR4jmlr85Pc193S/ul1u6uLn5ce73z6VvCHQAYPOHOmnrt3Ll6cdpeePoOK3RXO+He3JybfVbv+V7PfzIAgAEQ7qxp1tQdj+WdLvXbesX9ex4//M3J6Wl774VX3hu530/PhTsAMHTCnTX1wnzh6tX56UkK71emdecV91mpz8w+Y/9PBQAAgyPcWdOKV9BnKZ1ju/dqebqxXW8Wyx07hd65uHD5CcIdABg84c6annzFvSnzFN7phs5yJ9c7H9hJ9BW3NjfN9Eq+c28AgGES7qyp187laqn2fNu8yxfv+3itubR8707OzzR37Bb84icEABgg4c6a5u08j+r2P/3SS+72lvPezenGVeWerrSXm+U1CHcAYNCEOwe34hX3Pq+4AwCDJ9wBACAA4Q5AAJ031S39Hd1zawDHQ7gDULurzn+2qv13Np0+b6p9drW/BnBUhDvAsLRxO9P7xyMhXrpuv4DZA1+4kjTX9/3Q87O2+FT6SwBgB4Q7wJblMl6RaxXEXHoInV+6fUDz4GyuzRbbr6HS4uy2er/bF7+KfWj/pND72dFRnkkgGuEOsDVtCBf9Vqsy5jrd20/gNkgr7M3Fx7n8KPf7uJtf7fRi+TFFeCaBeIQ7wNYtv+pbacw9Poz+A9z/S9fPax/f8p+IXn6md6n5tZpfauHXrP2ZXEPzgBcsfTlFqK8KjoFwB9i6pVKrNOY6D6u5uFzANYZZ+6BnT+by07i/h9382o9P3vzbG+eZfNIzB2d3qf2yQ31hEJ5wB9i6pfCpMuaaRznPzeVWa7NstlyX5sGuSObW8heyG4+PofcoQj2Tqz35HPa/kub6gY9iGBbhDrB1S+FTX8y1v37nIa1+hJVGWfNgy3PXf5R7etSdR5AsfDNDPZOrLX8