找回密码
 立即注册

QQ登录

只需一步,快速开始

515275362

中级会员

57

主题

207

帖子

702

积分

中级会员

积分
702
515275362
中级会员   /  发表于:2024-7-22 09:43  /   查看:1804  /  回复:12
1金币
本帖最后由 515275362 于 2024-7-22 09:59 编辑

echart想让背景透明,使用透明配置项([backcolor=rgba(245, 246, 249, 0.4)] [backcolor=rgba(245, 246, 249, 0.4)]backgroundColor[backcolor=rgba(245, 246, 249, 0.4)]: [backcolor=rgba(245, 246, 249, 0.4)]'rgba(0, 0, 0, 0)'[backcolor=rgba(245, 246, 249, 0.4)],)之后不起作用,这是为什么。var e = 80;
      var option = {
         backgroundColor: 'rgba(0, 0, 0, 0)',
        title: {
          show: true,
          text: e + "%",
          x: "center",
          y: "center",// 通过x,y将标题(进度)定位在圆环中心
          textStyle: {
            fontSize: "25",
            color: "black",
            fontWeight: "400",
            fontFamily: "DINPro, DINPro-Regular",
          },
        },
        tooltip: {
          trigger: "item",
          formatter: "{d}%",
          show: false,
        },
        legend: {
          orient: "vertical",
          x: "left",
          show: false,
        },
        series: {
          name: "",
          type: "pie",
          radius: ["65%", "85%"],
          avoidLabelOverlap: true,
          hoverAnimation: false,
          label: {
            normal: {
              show: false,
              position: "center",
            },
            emphasis: {
              show: false,
            },
          },
          labelLine: {
            normal: {
              show: false,
            },
          },
          data: [
            {
              value: e,
              name: "",
              itemStyle: {
                color: "#00F5FF",
              },
            },
            {
              value: 100 - e,
              name: "",
              itemStyle: {
                color: "  #191970",
              },
            },
          ],
        },
      }


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

12 个回复

正序浏览
Nathan.guo活字格认证 Wyn认证
超级版主   /  发表于:2024-7-22 16:06:46
13#
回复 使用道具 举报
515275362
中级会员   /  发表于:2024-7-22 14:09:13
12#

   使用大佬的方法完美实现。  使用大佬的方法完美实现。

本帖子中包含更多资源

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

x
回复 使用道具 举报
515275362
中级会员   /  发表于:2024-7-22 14:07:40
11#
易水寒 发表于 2024-7-22 14:03
插件也可以做到,把它内部写死的css样式黑掉就好了,如下:
1. 给单元格起个名字,如下

感谢大佬
回复 使用道具 举报
515275362
中级会员   /  发表于:2024-7-22 14:01:45
9#
易水寒 发表于 2024-7-22 13:55
使用内置的图表可以

我要得到这种效果,内置的估计没法实现

本帖子中包含更多资源

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

x
回复 使用道具 举报
易水寒活字格认证
初级会员   /  发表于:2024-7-22 13:55:11
8#
515275362 发表于 2024-7-22 13:51
大佬有什么方法可以解决吗?

使用内置的图表可以





本帖子中包含更多资源

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

x
回复 使用道具 举报
515275362
中级会员   /  发表于:2024-7-22 13:51:53
7#
易水寒 发表于 2024-7-22 13:48
是的, 我刚试了下,确实不能透明

大佬有什么方法可以解决吗?
回复 使用道具 举报
易水寒活字格认证
初级会员   /  发表于:2024-7-22 13:48:50
6#
515275362 发表于 2024-7-22 13:46
你也是不能透明吗?

是的, 我刚试了下,确实不能透明
回复 使用道具 举报
515275362
中级会员   /  发表于:2024-7-22 13:46:41
5#
易水寒 发表于 2024-7-22 13:45
echart官网预览是透明的,说明设置的option是没问题的,大概率是echarts插件的bug了吧

你也是不能透明吗?
回复 使用道具 举报
易水寒活字格认证
初级会员   /  发表于:2024-7-22 13:45:34
4#
echart官网预览是透明的,说明设置的option是没问题的,大概率是echarts插件的bug了吧
回复 使用道具 举报
515275362
中级会员   /  发表于:2024-7-22 10:12:33
3#
wangpenga 发表于 2024-7-22 10:09
你这是透明的代码吗?

好像是吧  alpha是0
回复 使用道具 举报
12下一页
您需要登录后才可以回帖 登录 | 立即注册
返回顶部