515275362 发表于 2024-7-22 09:43:02

echart想让背景透明 10.0.3

本帖最后由 515275362 于 2024-7-22 09:59 编辑

echart想让背景透明，使用透明配置项（ backgroundColor: 'rgba(0, 0, 0, 0)',）之后不起作用，这是为什么。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",
            },
            },
          ],
      },
      }


易水寒 发表于 2024-7-22 09:43:03

515275362 发表于 2024-7-22 13:51
大佬有什么方法可以解决吗？

插件也可以做到，把它内部写死的css样式黑掉就好了，如下：
1. 给单元格起个名字，如下

2.页面加载命令里加上js代码，$('').find("div").css("background", "transparent"); 如下

wangpenga 发表于 2024-7-22 10:09:54


你这是透明的代码吗？

515275362 发表于 2024-7-22 10:12:33

wangpenga 发表于 2024-7-22 10:09
你这是透明的代码吗？

好像是吧alpha是0

易水寒 发表于 2024-7-22 13:45:34

echart官网预览是透明的，说明设置的option是没问题的，大概率是echarts插件的bug了吧

515275362 发表于 2024-7-22 13:46:41

易水寒 发表于 2024-7-22 13:45
echart官网预览是透明的，说明设置的option是没问题的，大概率是echarts插件的bug了吧

你也是不能透明吗？

易水寒 发表于 2024-7-22 13:48:50

515275362 发表于 2024-7-22 13:46
你也是不能透明吗？
是的， 我刚试了下，确实不能透明

515275362 发表于 2024-7-22 13:51:53

易水寒 发表于 2024-7-22 13:48
是的， 我刚试了下，确实不能透明

大佬有什么方法可以解决吗？

易水寒 发表于 2024-7-22 13:55:11

515275362 发表于 2024-7-22 13:51
大佬有什么方法可以解决吗？

使用内置的图表可以





515275362 发表于 2024-7-22 14:01:45

易水寒 发表于 2024-7-22 13:55
使用内置的图表可以

我要得到这种效果，内置的估计没法实现
页: [1] 2
查看完整版本: echart想让背景透明 10.0.3