一汽大屏 未提交的代码

liuying

2025-04-28 0630126012170da25291d55f0a1bd3130e64f434

 yiqi_screen/src/components/EquipmentRunStatus.vue

@@ -1,6 +1,6 @@
<template>
  <!-- <img :src="require(`@/assets/images/huan.png`)" class="huan" /> -->
  <div class="box-container   quan" id="echarts1"></div>
  <div class="box-container quan" id="echarts1"></div>
</template>

<script>
@@ -66,7 +66,6 @@
    this.option = {
      // #00ff99 #fffff0 #0a0d7f #ffcc00 #fe0000
      color: ["#00ff99", "#fffff0", "#0a0d7f", "#ffcc00", "#fe0000"],
      
      legend: {
        orient: "vertical",
        top: "28%",
@@ -90,17 +89,15 @@
        {
          type: "pie",
          center: ["33%", "50%"],
          radius: ["29%", "39%"],
          radius: ["30%", "37%"],
          padAngle: 5, //环与环之间的间隙
          // avoidLabelOverlap: false,
          // left: "-30%",
          // top: "10%",
          label: {
            show: true,
            formatter: `{d}%`,
            color: "#fff",
            // color: "#fff",
            fontSize: 11,
            position: "outside",
            color: "inherit", //继承上面的颜色
          },
          labelLine: {
            show: true,
@@ -111,10 +108,10 @@
            borderRadius: 3,
            borderColor: "transparent",
            borderWidth: 10,
            shadowColor: 'rgba(0, 0, 0, 0.5)', // 阴影颜色
          shadowBlur: 10, // 阴影模糊程度
          shadowOffsetX: 20, // 水平阴影偏移
          shadowOffsetY: 20 // 垂直阴影偏移
            // shadowColor: 'rgba(0, 0, 0, 0.5)', // 阴影颜色
            // shadowBlur: 10, // 阴影模糊程度
            // shadowOffsetX: 20, // 水平阴影偏移
            // shadowOffsetY: 20, // 垂直阴影偏移
          },
          emphasis: {
            label: {
@@ -212,10 +209,10 @@
  background-repeat: no-repeat;
  content: "";
  width: 56px;
  height: 32px;
  height: 29px;
  z-index: -1;
  /* opacity: 0.5; */
  top: 101px;
  top: 103px;
  left: 73px;
  transform: scaleY(2);
}