问题修复

ZZJ

2021-11-09 ccee429d379e0108b7445f72ade8d97c110a6fb3

 src/pages/visual/components/eCharts/pie.vue

@@ -35,6 +35,13 @@
        // }
      },
      deep:true
    },
    "TreeDataPool.showTreeBox":{
      handler:function(val,oldVal){
        if(val !== oldVal){
          this.handleResize()
        }
      }
    }
  },
  computed: {
@@ -45,11 +52,13 @@
          formatter: "{a} <br/>{b}: {c} ({d}%)"
        },
        legend: {
          //show: false,
          type:"scroll",
          orient: "vertical",
          // x:'right',
          right:'30px',
          top:'12%',
          orient: "horizontal",
          left: '10px',
          right: '10px',
          top: '35px',
          align: 'auto',
          textStyle: {
            color: 'rgba(136,136,136,.6)'
          },
@@ -60,9 +69,15 @@
        series: [
          {
            name: this.seriesName,
            fontSize: 14,
            type: "pie",
            radius: this.radiusType,
            center: ["40%", "50%"],
            top: 40,
            height: "90%",
            // labelLine: {
            //   length: 15
            // },
            //center: ["50%", "95%"],
            avoidLabelOverlap: false,
            itemStyle: {
                emphasis: {
@@ -97,11 +112,15 @@
  methods: {
    init(){
      this.myChart.setOption(this.options)
    },
    handleResize(){
      this.myChart.resize()
    }
  },
  mounted() {
    this.myChart = this.$echarts.init(document.getElementById(this.domId))
    this.myChart.setOption(this.options)
    this.myChart = this.$echarts.init(document.getElementById(this.domId));
    this.myChart.setOption(this.options);
    this.myChart.resize();
  },
  destroyed() {
    this.myChart.dispose()