学习笔记-echarts自定义背景图片

困扰我已久的问题就解决了。

code：

//使用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,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';
option = {
backgroundColor: {
image:fullImage
}

}

原文出处：http://gallery.echartsjs.com/editor.html?c=xBycRXbPgx

转载于:https://www.cnblogs.com/opcec/p/7591676.html

学习笔记-echarts自定义背景图片相关推荐

Pytorch学习笔记7——自定义数据集
Pytorch学习笔记7--自定义数据集 1.读取数据首先继承自torch.utils.data.Dataset 重写len与getitem train就用train数据集,test就用test数据 ...
IDEA背景(前后景)设置、自定义背景图片、背景纯黑/白设置
感兴趣学习JAVA项目打包的伙伴可以点击:JAVA项目打包:JAVA代码-jar包-exe应用程序-合并jre与exe生成安装包(图文详解.资源提供) 先分享一下我自己的IDEA的界面(自我喜好,不喜 ...
Vue.js 学习笔记十一自定义指令
之前看到过v-bind,v-on等指令,Vue还可以自定义指<div id="divApp" <div v-focus></div> & ...
Vue.js 学习笔记十自定义按键事件
<div id="divApp"><input type="text" v-on:keyup=& ...
CSS3初级学习（二）背景图片叠加
CSS3初级学习(二) 背景图片叠加 Hello!大家好久不见,这里是学业日渐繁忙的万物之恋,沉迷学习无心写博客(并不是),久违的来和大家分享下自己在学习过程中碰到的一些有趣案列.话不多说: 先看效果 ...
Visual Studio 2019背景美化（背景透明化+自定义背景图片）
目录前言步骤扩展安装主题及背景设置自定义背景图片字体符号美化不足之处前言版本 visual studio 2019 系统 windows 成品效果步骤扩展安装在上方找到扩展– ...
echarts设置背景图片
echarts设置背景图片的两种方法方法一 var img = new Image(); img.src = ' 图片的url' img.width = '100%' img.height ='10 ...
typora自定义样式、自定义背景图片
目录 1.先上效果图 2.自定义图片 3.自定义样式 1.先上效果图 2.自定义图片自定义背景图片简单点击左上角文件 -- 偏好设置 -- 外观 -- 打开文件主题:在打开的文件夹中添加一张你喜 ...
Flutter学习笔记 —— CustomPainter自定义画布绘制爱心
Flutter学习笔记 -- CustomPainter自定义画布绘制爱心前言效果图代码示例温馨提示结束语前言最近在学习Flutter中 Canvas相关内容,今天尝试写了一个爱心Dem ...

学习笔记-echarts自定义背景图片

学习笔记-echarts自定义背景图片相关推荐

最新文章

热门文章