扬尘Vue

zmc

2023-08-31 013ed9283200da41902835f9fd679df13299d436

 src/views/line_graph/components/DustRadarChart.vue

@@ -32,6 +32,7 @@
  },
  mounted() {
    this.initRadarChart();
    window.addEventListener('resize', this.resizeChart);
  },
  methods: {
    initRadarChart() {
@@ -45,14 +46,6 @@
        },
        tooltip: {},
        radar: {
          // 轴
          //         axisLine: {
          //           show:true,
          //           lineStyle: {
          //             color: '#F53F3F' ,// 设置边框线的颜色为黑色
          //             type:'dashed',
          //           }
          // },

          // 边框颜色
          splitLine: {
@@ -95,19 +88,36 @@
                  (this.yData[3] / 100).toFixed(4),
                  (this.yData[4] / 100).toFixed(4)
                ],
                // value: [
                //   this.yData[0],
                //   this.yData[1],
                //   this.yData[2],
                //   this.yData[3] ,
                //   this.yData[4] 
                // ],
                name: '异常分析'
              }
            ],
            label: {
              show: true,
              formatter: function (params) {
                return params.value;
                
                return params.value*100+'%';
              }
            }
          }
        ]
      };
      this.chart.setOption(option);
    },
        // 跟页面响应式变化
        resizeChart() {
          // this.chart.resize();
          this.$nextTick(() => {
            if (this.chart) {
              this.chart.resize();
            }
          });
    }
  }
};