Scatters are rendered outside of grid when setting axis range

[NingMengMeng]

Version

4.2.1-rc1

Steps to reproduce

When min and max are set for yAxis, those outside the range of min and max are rendered, which is not expected.

option = {
    xAxis: {},
    yAxis: {
        min: 5,
        max: 10
    },
    series: [{
        symbolSize: 20,
        data: [
            [10.0, 8.04],
            [8.0, 6.95],
            [13.0, 7.58],
            [9.0, 8.81],
            [11.0, 8.33],
            [14.0, 9.96],
            [6.0, 7.24],
            [4.0, 4.26],
            [12.0, 10.84],
            [7.0, 4.82],
            [5.0, 5.68]
        ],
        type: 'scatter'
    }]
};

What is expected?

希望低于min和高于max的不要渲染出来
Scatters are not rendered for those outside grid.

What is actually happening?

They are rendered outside grid.

[echarts-bot]

Hi! We've received your issue and please be patient to get responded. 🎉
The average response time is expected to be within one day for weekdays.

In the meanwhile, please make sure that you have posted enough image to demo your request. You may also check out the API and chart option to get the answer.

Have a nice day! 🍵

[Ovilia]

This is a bug not only for scatter charts. We should apply a clipPath policy such that scatters outside the grid should not be rendered, and for rectangles of bar series, it should be rendered inside the grid area.