[Bug] Scatter dots sometimes disappear after resizing window

[kayoch1n]

Version

5.2.1

Link to Minimal Reproduction

No response

Steps to Reproduce

1. 坐标轴的最大值是100，有的数据点的值正好是100
2. 偶尔调整窗口大小之后，或者在特定窗口大小的情况下会消失

option = option = {
  xAxis: {
    type: 'value',
    scale: true,
    splitLine: { show: false },
    nameLocation: 'middle',
    nameGap: 25,
    axisLine: { onZero: false },
    name: '百分比',
    axisLabel: { formatter: '{value}%', rotate: 0 },
    max: 100,
    min: 80
  },
  yAxis: {
    scale: true,
    splitLine: { show: false },
    nameGap: 10,
    axisLine: { onZero: false },
    name: '测试y轴',
    axisLabel: { rotate: 0 }
  },
  legend: { right: '10%', width: '80%', top: 5, type: 'scroll' },
  series: [
    {
      name: '有有有',
      type: 'scatter',
      data: [
        [80.53, 6.66, 570, '有有有', '测试节点666666'],
        [100, 8.08, 14, '有有有', '测试节点333【测试用】'],
        [77.78, 9.01, 72, '有有有', '测试节点888【测试用】'],
        [83.6, 17.67, 189, '有有有', '测试节点555'],
        [94.87, 2.23, 156, '有有有', '测试节点444'],
        [100, 8.16, 7, '有有有', '测试节点222【测试用】'],
        [100, 6.54, 81, '有有有', '测试节点111【测试用】']
      ],
      label: { show: true, position: 'inside', formatter: '{@[4]}' },
    },
    {
      name: '无无无',
      type: 'scatter',
      data: [
        [89.8, 7.1, 98, '无无无', '999'],
        [0, 3.33, 170, '无无无', '测试']
      ],
      label: { show: true, position: 'inside', formatter: '{@[4]}' }
    }
  ],
  visualMap: {
    show: false,
    dimension: 2,
    outOfRange: { symbolSize: 10, color: ['rgb(217,217,217)'] },
    inRange: { symbolSize: [10, 30] },
    min: 7,
    max: 570
  },
  grid: { top: 70, left: '10%', right: '10%', bottom: 70 }
};

Current Behavior

1. 调整窗口大小之后数据点消失，如下图
   

Expected Behavior

1. 正常展示数据点，如下图
   

Environment

- OS: windows
- Browser: chrome 100
- Framework: vue2

Any additional comments?

No response

[echarts-bot]

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

TRANSLATED

BODY

Version

5.2.1

Link to Minimal Reproduction

No response

Steps to Reproduce

1. The maximum value of the coordinate axis is 100, and the value of some data points is exactly 100
2. Occasionally after resizing the window, or disappearing in the case of a certain window size

option = option = {
  xAxis: {
    type: 'value',
    scale: true,
    splitLine: { show: false },
    nameLocation: 'middle',
    nameGap: 25,
    axisLine: { onZero: false },
    name: 'percent',
    axisLabel: { formatter: '{value}%', rotate: 0 },
    max: 100,
    min: 80
  },
  yAxis: {
    scale: true,
    splitLine: { show: false },
    nameGap: 10,
    axisLine: { onZero: false },
    name: 'Test y-axis',
    axisLabel: { rotate: 0 }
  },
  legend: { right: '10%', width: '80%', top: 5, type: 'scroll' },
  series: [
    {
      name: 'Yes, yes, yes',
      type: 'scatter',
      data: [
        [80.53, 6.66, 570, 'Yes, yes', 'Test node 666666'],
        [100, 8.08, 14, 'Yes, yes', 'Test node 333 [for testing]'],
        [77.78, 9.01, 72, 'Yes, yes', 'Test node 888 [for testing]'],
        [83.6, 17.67, 189, 'Yes yes yes', 'Test node 555'],
        [94.87, 2.23, 156, 'Yes yes yes', 'Test node 444'],
        [100, 8.16, 7, 'Yes, yes', 'Test node 222 [for testing]'],
        [100, 6.54, 81, 'Yes, yes', 'Test node 111 [for testing]']
      ],
      label: { show: true, position: 'inside', formatter: '{@[4]}' },
    },
    {
      name: 'No no no no',
      type: 'scatter',
      data: [
        [89.8, 7.1, 98, 'no no no no', '999'],
        [0, 3.33, 170, 'no no no no', 'test']
      ],
      label: { show: true, position: 'inside', formatter: '{@[4]}' }
    }
  ],
  visualMap: {
    show: false,
    dimension: 2,
    outOfRange: { symbolSize: 10, color: ['rgb(217,217,217)'] },
    inRange: { symbolSize: [10, 30] },
    min: 7,
    max: 570
  },
  grid: { top: 70, left: '10%', right: '10%', bottom: 70 }
};

Current Behavior

1. After resizing the window, the data points disappear, as shown below
   

Expected Behavior

1. Display data points normally, as shown below
   

Environment

- OS: windows
- Browser: chrome 100
- Framework: vue2

Any additional comments?

No response

[plainheart]

It may be related to #16661. Try to set clip to false as a workaround.

[kayoch1n]

It may be related to #16661. Try to set clip to false as a workaround.

clip: false 这个不太适合。因为我设置了双轴的最小值和最大值，clip: false 会让一些偏离较大的点也出现在坐标轴外面。