echarts添加背景图片,背景色及水印

2022-1-9学习记录

添加背景图

遇到的问题：

添加本地图片为背景图片时不显示图片

解决：

在templates同级目录下创建一个static目录，将图片文件放置此文件夹内即可

法一：

在div标签内添加background:url(./static/index.jpg)

<div id="main3" style="width:600px;height:400px;background:url(./static/index.jpg)"></div>

法二：

graphic: [{type: 'image', // 图形元素类型id: 'logo', // 更新或删除图形元素时指定更新哪个图形元素，如果不需要用可以忽略。right: 'center', // 根据父元素进行定位 （居中）bottom: '0%', // 根据父元素进行定位   （0%）, 如果bottom的值是 0，也可以删除该bottom属性值。z: 0,  // 层叠bounding: 'all', // 决定此图形元素在定位时，对自身的包围盒计算方式style: {image: './static/test.jpg',width: 2200,height:400}}],

添加文字水印：

graphic: [{type: 'text',silent:true,z: 100,left: 'center',top: 'middle',style: {fill: '#ffffff80',   //颜色ffffff白色，不透明度80%text: ['此为水印'].join(''),fontSize:50}}],

添加背景色：

var option = {backgroundColor: '#ffff0050',//背景色}

echarts添加背景图片,背景色及水印相关推荐

echarts地图的常见用法：基本使用、区域颜色分级、水波动画、区域轮播、给地图添加背景图片和图标、3d地图
前言最近几天用echarts做中国地图,就把以前写的demo:在vue中实现中国地图拿来用,结果到项目里直接报错了,后来发现是因为版本的问题,没办法只能从头进行踩坑了.以下内容基于vue3 和 e ...
【Echarts】Echarts给title添加背景图片
Echarts给title添加背景图片通过rich自定义样式,在rich中添加背景图片,然后应用到title上 myChart.setOption({title: {show: true,//主标题 ...
如何用SpreadJS添加背景图片和水印？
SpreadJS是一个面向企业级应用开发的综合性.高效能的基于HTML5的纯JavaScript的电子表格控件.SpreadJS有着强大的表单处理能力和电子表格功能.这些功能包括跨表单引用和计算,这样 ...
.net的label的背景如何设置成为透明_css如何设置背景图片？background属性添加背景图片...
在前端开发过程中,为了页面的美观,往往都会给html页面添加背景图片.那么如何利用css设置html中用图片做背景?本章就给大家介绍css怎样设置背景图片.有一定的参考价值,有需要的朋友可以参考一下, ...
echarts添加背景图
echarts添加背景图来源:https://www.liuyjuan.com/295.html 1)简单的方法直接给到外层的div元素上 /*比如说这段css样式*/ .TheStatistic ...
echarts设置背景图片
echarts设置背景图片的两种方法方法一 var img = new Image(); img.src = ' 图片的url' img.width = '100%' img.height ='10 ...
如何给对话框添加背景图片及图片按钮CBUttonST
一.首先1.添加背景图片到"Bitmap"资源里.方法为"插入--资源",如果还没有Bitmap,则新建一个Bitmap,否则选择资源类型为&qu ...
css如何设置背景图片？background属性添加背景图片
在前端开发过程中,为了页面的美观,往往都会给html页面添加背景图片.那么如何利用css设置html中用图片做背景?本章就给大家介绍css怎样设置背景图片.有一定的参考价值,有需要的朋友可以参考一下, ...
css代码添加背景图片常用代码
css代码添加背景图片常用代码 1 背景颜色 {background-color:数值} 2 背景图片 {background-image: url(url)|none} 3 背景重复 {backgr ...

echarts添加背景图片,背景色及水印

2022-1-9学习记录

添加背景图

添加文字水印：

添加背景色：

echarts添加背景图片,背景色及水印相关推荐

最新文章

热门文章