细节

liuying

2024-11-01 2af7049b8706232b9db59d5be5a08b49285024fc

 yiqi_screen/src/components/ProdlineHealthy.vue

@@ -17,10 +17,10 @@
    this.option = {
      legend: {
        orient: "vertical",
        bottom: '30%',
        right: '6%',
        bottom: "30%",
        right: "6%",
        textStyle:{
            color:'#fff'
          color: "#fff",
        },
        itemHeight: 5, // 设置图例项的高度
        itemWidth: 5, // 设置图例项的宽度
@@ -37,14 +37,11 @@
              color: "#01afba",
            },
          },
          
        ],
      },
      radar: {
        // center:['43%','55%'],
        center: ["33%", "50%"],
        // radius:'65%',
        radius:'30%',
        center: ["40%", "50%"], // 更改为更小的百分比以往中间移动
        radius: "30%",
        indicator: [
          { name: "人", max: 100, color: "#fff" },
          { name: "环", max: 100, color: "#fff" },
@@ -57,8 +54,8 @@
          show: false,
        },
        axisName:{
            padding:-10
        }
          padding: -10,
        },

        // splitArea:{
        //   areaStyle:{
@@ -99,10 +96,10 @@
      ],
    };
    this.myChart.setOption(this.option);
    const that=this
    window.addEventListener('resize',()=>{
    const that = this;
    window.addEventListener("resize", () => {
      that.myChart.resize();
    })
    });
    // this.defineEvent();
    // this.selectPie();
    // timer = setInterval(this.selectPie, 1500);
@@ -130,7 +127,7 @@
        type: "highlight",
        seriesIndex: 0,
        dataIndex: this.currentIndex,
      })
      });
    },

    // 鼠标触摸轮播悬停事件
@@ -168,9 +165,16 @@
        
        <style>
        #echarts2 {
  margin-top: .1rem;
          width: 2.89rem;
          height: 2.6rem;
  height: 2.5rem;
        transform: scaleY(2);

  /*         
          margin-top: .4rem;
          width: 2.89rem;
          height: 2.0rem;
        transform: scaleY(2); */
        /* border: 1px solid red; */
        }
</style>