Symbols don't render right in clip mode

[SnailSword]

Version

4.4.0

Reproduction link

https://jsfiddle.net/qraz7vxu/

Steps to reproduce

option = {
  grid: {
    top: 130,
    bottom: 80
  },
  dataZoom: [{
      type: 'slider',
      show: true
    },
    {
      type: 'inside'
    }
  ],
  xAxis: {
    type: 'category',
    name: 'x',
    splitLine: {
      show: false
    },
    data: ['1', '2', '3', '4', '5', '6', '7', '9', '9'],
    axisPointer: {
      show: 'true'
    },
  },
  yAxis: {
    name: 'y',
    max: 20
  },
  tooltip: {
    trigger: 'item'
  },
  series: [{
    name: 'B',
    type: 'line',
    clip: false,
    data: [1, 2, 4, 8, 16, 32, 64, 128, 256]
  }]
};

What is expected?

Symbol outside clip area should be rendered.

What is actually happening?

Symbol outside clip area didn't render.

I found it while fix #11360 in #11548 .