1. 修改饼图样式

riku

2026-03-03 adc9e790a5b1e38f75d39df0b596b1982de4e89e

 src/components/monitor/DeviceStatus.vue

@@ -126,19 +126,37 @@
          formatter: '{a} <br/>{b}: {c} ({d}%)',
        },
        legend: {
          orient: 'vertical',
          left: 'left',
          bottom: '0%',
          data: ['在线设备', '离线设备', '正常设备', '故障设备'],
        },
        series: [
          {
            name: '设备状态',
            name: '在线状态',
            type: 'pie',
            radius: '60%',
            center: ['50%', '50%'],
            radius: ['40%', '70%'],
            center: ['48%', '50%'],
            startAngle: 270,
            endAngle: 90,
            data: [
              { value: this.onlineCount, name: '在线设备', itemStyle: { color: '#67C23A' } },
              { value: this.offlineCount, name: '离线设备', itemStyle: { color: '#909399' } },
            ],
            emphasis: {
              itemStyle: {
                shadowBlur: 10,
                shadowOffsetX: 0,
                shadowColor: 'rgba(0, 0, 0, 0.5)',
              },
            },
          },
          {
            name: '运行状态',
            type: 'pie',
            radius: ['40%', '70%'],
            center: ['52%', '50%'],
            startAngle: 90,
            endAngle: 270,
            data: [
              { value: this.normalCount, name: '正常设备', itemStyle: { color: '#409EFF' } },
              { value: this.faultCount, name: '故障设备', itemStyle: { color: '#F56C6C' } },
            ],
@@ -224,7 +242,7 @@

.chart-container {
  width: 100%;
  height: 100%;
  height: 300px;
}

@keyframes pulse {