fix 1126

cloudroam

2024-11-26 e6421c4ece90615aa0333ec58a723979c978a62b

 src/views/area/chart-itm.vue

@@ -13,12 +13,20 @@
        <div class="chart-status-dot red"></div>
        <div class="chart-status-desc">异常连接数</div>
      </div>
      <div class="flex1 flex tooltip">
        <div class="chart-status-dot blue"></div>
        <div class="chart-status-desc">从有到无</div>
      </div>
      <div class="flex1 flex tooltip">
        <div class="chart-status-dot purple"></div>
        <div class="chart-status-desc">从无到有</div>
      </div>
    </div>
    <div class="sub-div"></div>
    <div class="chart-itm-equ-echarts" :id="eid"></div>
    <div class="sub-insidemask-div">
      <div class="flex">
        <div class="temperature-num">{{ (info.normal || 0) + (info.warn || 0) + (info.alarm || 0) }}</div>
        <div class="temperature-num">{{ (info.normal || 0) + (info.warn || 0) + (info.alarm || 0) + (info.beNothing || 0)+ (info.beSomething || 0)}}</div>
      </div>
      <div class="flex">
        <div class="temperature-unit">总量</div>
@@ -62,7 +70,7 @@
            radius: ["55%", "68%"],
            center: ["50%", "55%"],
            // radius: "75%",
            avoidLabelOverlap: false,
            avoidLabelOverlap: true,
            itemStyle: {
              borderRadius: 10,
              borderColor: "#fff",
@@ -146,6 +154,42 @@
                  },
                },
              },
              {
                value: this.info.beSomething || 0,
                // name: "异常连接数",
                itemStyle: {
                  normal: {
                    color: new echarts.graphic.LinearGradient(0.2, 1, 0.3, 0, [
                      {
                        offset: 1,
                        color: "rgba(52, 90, 255, 1)",
                      },
                      {
                        offset: 0,
                        color: "rgba(52, 90, 255, 1)",
                      },
                    ]),
                  },
                },
              },
              {
                value: this.info.beNothing || 0,
                // name: "异常连接数",
                itemStyle: {
                  normal: {
                    color: new echarts.graphic.LinearGradient(0.2, 1, 0.3, 0, [
                      {
                        offset: 1,
                        color: "rgba(128, 0, 128, 1)",
                      },
                      {
                        offset: 0,
                        color: "rgba(128, 0, 128, 1)",
                      },
                    ]),
                  },
                },
              },
            ],
          },
        ],