Problem record of using vue+echarts chart

// Control whether the grid line is displayed splitLine: {
    show: false, //Whether the grid lines are displayed//Change style lineStyle: {
       color: '#ccc' // Change the grid line color}                            
},

xAxis: [
              {
                  type: 'category',
                  boundaryGap: false,
                  data: ['January', 'February', 'March', 'April', 'May', 'June'],
                  axisLine:{
                      lineStyle:{color:"#ccc"}
                  },
                  axisTick: {
                    show: false // remove the scale},
                  axisLabel:{//Modify font styleshow: true,//Show and hidetextStyle:{color:"#ccc"}
                  },
                  // Control whether the grid line is displayed splitLine: {
                 show: false, //Whether the grid lines are displayed//Change style lineStyle: {
                     color: '#ccc' // Change the grid line color}                            
},
              }
          ],
          yAxis: [
              {
                  type: 'value',
                  name: '(times)',
                  axisLine:{
                      lineStyle:{color:"#ccc",fontSize:'16'}
                  },
                  axisTick: {
                    show: false // remove the scale},
              }
          ],

//Modify the style of the text in the center of the circle title: {
          text: value.value+'times',
          subtext: value.name,
          x: 'center',
          y: 'center',
          itemGap: 0,
          textStyle: {
            fontSize: 26,
            fontWeight: 'bold',
            color: 'rgb(0,237,255)'
          },
          subtextStyle: {
            fontSize: 16,
            fontWeight: 'bold',
            color: '#fff'
          },
},
//Clear the floating effect of the circle when the mouse moves in series: [
            {
              hoverAnimation:false, //Add this attribute}
    ]

Add true to setOption

option && myChart.setOption(option,true);

series: [
          {
            type: 'pie',
            center: ['50%', '49%'],
            radius: ['45%', '73%'],
            // minAngle: 0,
            startAngle: 0, // gradient angle avoidLabelOverlap: true, //Whether to enable preventing label overlap emphasis: {
              label: {
                show: true,
                position: 'center'
              }
            },
            data: seriesData,
            itemStyle: {
              emphasis:
                shadowBlur: 10,
                shadowOffsetX: 0,
                shadowColor: 'rgba(0, 0, 0, 0.5)',
                label: {
                  show: true,
                }
              },
              normal: {
                color: function (params) { //Color gradient var colorList = [
                    {
                      c1: '#3288FC',
                      c2: '#36B4FD'
                    },
                    {
                      c1: '#CBA0FF',
                      c2: '#598EFE'
                    },
                  ]
                  return new echarts.graphic.LinearGradient(1, 0, 0, 0, [{ //The first four parameters of the color gradient function represent the four positions, left, bottom, right, and top, respectively. offset: 0,
                    color: colorList[params.dataIndex].c1
                  }, {
                    offset: 1,
                    color: colorList[params.dataIndex].c2
                  }])

                }
              }
            }
          }
        ]