effectScatter的点会溢出绘图区域，当datazoom中的filterModle为none时

[mythFrist]

Version

5.0.2

Steps to reproduce

使用以下option
填入https://echarts.apache.org/examples/zh/editor.html?c=scatter-effect
在右侧图表中进行datazoom操作（鼠标滚轮），会发现scatterEffect的点在绘图区域外也显示。

option = {
    xAxis: {
        scale: true
    },
    yAxis: {
        scale: true
    },
    grid: {
        show: true,
        height: "60%",
        top: 200,
        borderColor: 'red'
    },
     dataZoom: [{
            type: 'inside',
            filterMode: 'none',
        }, {
             filterMode: 'none',
            type: 'slider',
            showDataShadow: false,
            handleIcon: 'path://M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z',
            handleSize: '80%'
        }, {
             filterMode: 'none',
            type: 'inside',
            orient: 'vertical'
        }, {
             filterMode: 'none',
            type: 'slider',
            orient: 'vertical',
            showDataShadow: false,
            handleIcon: 'path://M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z',
            handleSize: '80%'
        }],
    series: [{
        type: 'effectScatter',
        symbolSize: 20,
        data: [
            [172.7, 105.2],
            [153.4, 42]
        ]
    }, {
        type: 'scatter',
        data: [[161.2, 51.6], [167.5, 59.0], [159.5, 49.2], [157.0, 63.0], [155.8, 53.6],
            [170.0, 59.0], [159.1, 47.6], [166.0, 69.8], [176.2, 66.8], [160.2, 75.2], [170.2, 59.1],
            [172.7, 70.5], [165.1, 60.9], [170.2, 63.6]
        ],
    }]
};

What is expected?

scatterEffect的点在绘图区域外不显示

What is actually happening?

scatterEffect的点在绘图区域外也显示

[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.

If you don't get helped for a long time (over a week) or have an urgent question to ask, you may also send an email to [email protected]. Please attach the issue link if it's a technical question.

If you are interested in the project, you may also subscribe our mailing list.

Have a nice day! 🍵

[echarts-bot]

@mythFrist It seems you are not using English, I've helped translate the content automatically. To make your issue understood by more people, we'd like to suggest using English next time. 🤗

TRANSLATED

TITLE

The effectScatter data overflows the drawing area when the filterModle in datazoom is none

BODY

Version

5.0.2

Steps to reproduce

Use the following option
Fill in https://echarts.apache.org/examples/zh/editor.html?c=scatter-effect
Do datazoom (mouse wheel) in the chart on the right and you'll see that the clickerEffect's points are also displayed outside the drawing area.

option = {
    xAxis: {
        scale: true
    },
    yAxis: {
        scale: true
    },
    grid: {
        show: true,
        height: "60%",
        top: 200,
        borderColor: 'red'
    },
     dataZoom: [{
            type: 'inside',
            filterMode: 'none',
        }, {
             filterMode: 'none',
            type: 'slider',
            showDataShadow: false,
            handleIcon: 'path://M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z',
            handleSize: '80%'
        }, {
             filterMode: 'none',
            type: 'inside',
            orient: 'vertical'
        }, {
             filterMode: 'none',
            type: 'slider',
            orient: 'vertical',
            showDataShadow: false,
            handleIcon: 'path://M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z',
            handleSize: '80%'
        }],
    series: [{
        type: 'effectScatter',
        symbolSize: 20,
        data: [
            [172.7, 105.2],
            [153.4, 42]
        ]
    }, {
        type: 'scatter',
        data: [[161.2, 51.6], [167.5, 59.0], [159.5, 49.2], [157.0, 63.0], [155.8, 53.6],
            [170.0, 59.0], [159.1, 47.6], [166.0, 69.8], [176.2, 66.8], [160.2, 75.2], [170.2, 59.1],
            [172.7, 70.5], [165.1, 60.9], [170.2, 63.6]
        ],
    }]
};

What is expected?

ScatterEffect's points are not displayed outside the drawing area

What is actually happening?

ScatterEffect's points are also displayed outside the drawing area

[pissang]

filterMode 设为 none 后就不会过滤掉选中区域外的数据，不清楚你设置 none 的目的是什么

[susiwen8]

他的问题应该是为啥scatter 被过滤了，effectScatter 没被过滤

[mythFrist]

之所以filterMode设为none，是因为datazoom的时候要保持其它系列形状不变，其实也是effectScatter没被过滤的问题

[mythFrist]

filterMode 设为 none 后就不会过滤掉选中区域外的数据，不清楚你设置 none 的目的是什么

@susiwen8 谢谢回复，但不是“过滤”，而是“隐藏hidden”
请仔细观察观察我给的reproduction。scatterEffect在超出图的边界以外还显示（类似overflow：visible），而scatter超出边界后是被隐藏了（类似overflow： hidden）。

[susiwen8]

应该是 effectScatter 少了 clip 这个配置
https://echarts.apache.org/zh/option.html#series-scatter.clip

[mythFrist]

应该是 effectScatter 少了 clip 这个配置
https://echarts.apache.org/zh/option.html#series-scatter.clip

目前有没有什么解决的办法呢

[susiwen8]

目前有没有什么解决的办法呢

目前没有，刚提了个 PR。

[mythFrist]

目前有没有什么解决的办法呢

目前没有，刚提了个 PR。

好的，如果有什么解决的办法请第一时间通知我，谢谢