[Bug] LabelLine doesn't hide

[lealliang]

Version

5.3.0

Link to Minimal Reproduction

https://codesandbox.io/s/practical-joliot-vt6glv?file=/src/components/Echarts.vue

Steps to Reproduce

1、Set option normally

      const option = {
        series: [
          {
            name: "Access From",
            type: "pie",
            radius: "50%",
            data: [
              { value: 1048, name: "Search Engine" },
              { value: 735, name: "Direct" },
              { value: 580, name: "Email" },
              { value: 484, name: "Union Ads" },
              { value: 300, name: "Video Ads" },
            ],
          },
        ],
      };
      this.myChart.setOption(option);

2、Set labelLine to hide

      setTimeout(() => {
        const option = {
          series: [
            {
              name: "Access From",
              type: "pie",
              radius: "50%",
              data: [
                { value: 1048, name: "Search Engine" },
                { value: 735, name: "Direct" },
                { value: 580, name: "Email" },
                { value: 484, name: "Union Ads" },
                { value: 300, name: "Video Ads" },
              ],
              labelLine: {
                show: false,
              },
              emphasis: {
                labelLine: {
                  show: false,
                },
              },
            },
          ],
        };
        this.myChart.setOption(option);
      }, 5000);

Current Behavior

LabelLine is not hidden when emphasis

Expected Behavior

LabelLine is hidden when emphasis

Environment

- OS: Windows 10
- Browser:Chrome 98
- Framework: Vue@2

Any additional comments?

No response