找回密码
 立即注册

QQ登录

只需一步,快速开始

啧啧歪
金牌服务用户   /  发表于:2024-11-13 15:27  /   查看:65  /  回复:6
1金币
我使用“eCharts图表”加载geoJson地图,图表的背景默认为白色:
1、如何将背景设置为透明色?

2、如何设置“eCharts图表”的主题?

6 个回复

倒序浏览
Joe.xu讲师达人认证 悬赏达人认证 活字格认证
超级版主   /  发表于:前天 16:44
沙发
您好,目前不能直接讲此插件的背景设置为透明,
可能的借助css来定位此元素来修改,
您是什么需求需要这样做呢,如果想修改echarts背景,可以使用backgroundColor属性,
也可以设置背景图片,百度上可以查到相关信息


本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
啧啧歪
金牌服务用户   /  发表于:前天 16:57
板凳
Joe.xu 发表于 2024-11-13 16:44
您好,目前不能直接讲此插件的背景设置为透明,
可能的借助css来定位此元素来修改,
您是什么需求需要这 ...

backgroundColor可以设置颜色,但是不能设置为透明色
回复 使用道具 举报
啧啧歪
金牌服务用户   /  发表于:前天 17:01
地板
本帖最后由 啧啧歪 于 2024-11-13 17:05 编辑


活字格在生成页面时,直接把 Echarts组件所在单元格的背景设置为了 white(上图中红色圈内),导致在Echarts中背景色设置为透明色时失效(显示为白色),
建议生成页面时,去掉插入这个属性

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
二麻子
初级会员   /  发表于:前天 17:14
5#
啧啧歪 发表于 2024-11-13 17:01
活字格在生成页面时,直接把 Echarts组件所在单元格的背景设置为了 white(上图中红色圈内),导致在Echa ...

  1.     const targetContainer1 = document.querySelector("#r3c9pEchartsCon");
  2.     targetContainer1.style.backgroundColor = 'transparent'; // 设置背景为透明
复制代码


这两行代码放在页面加载命令中执行,r3 c9 是指行号和列号,后面拼上pEchartsCon就能定位到Echarts容器

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

评分

参与人数 1金币 +5 收起 理由
Nathan.guo + 5 赞一个!

查看全部评分

回复 使用道具 举报
啧啧歪
金牌服务用户   /  发表于:前天 17:23
6#

回复 使用道具 举报
Nathan.guo活字格认证 Wyn认证
超级版主   /  发表于:前天 17:27
7#
感谢大佬的支持,同时也可以参考下这个帖子~~

echart想让背景透明 10.0.3
https://gcdn.grapecity.com.cn/showtopic-223395-1-1.html
(出处: 葡萄城开发者社区)
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部