[Bug] 散点图配置hideOverlap不生效

[PankuMoney]

Version

5.1.0

Link to Minimal Reproduction

https://echarts.apache.org/examples/zh/editor.html?c=scatter-label-align-top&version=5.1.0

Steps to Reproduce

// this is my code: const data = [ [[28604, 77, 17096869, 'Australia', 1990], [31163, 77.4, 27662440, 'Canada', 1990], [1516, 68, 1154605773, 'China', 1990], [13670, 74.7, 10582082, 'Cuba', 1990], [28599, 75, 4986705, 'Finland', 1990], [29476, 77.1, 56943299, 'France', 1990], [31476, 75.4, 78958237, 'Germany', 1990], [28666, 78.1, 254830, 'Iceland', 1990], [1777, 57.7, 870601776, 'India', 1990], [29550, 79.1, 122249285, 'Japan', 1990], [2076, 67.9, 20194354, 'North Korea', 1990], [12087, 72, 42972254, 'South Korea', 1990], [24021, 75.4, 3397534, 'New Zealand', 1990], [43296, 76.8, 4240375, 'Norway', 1990], [10088, 70.8, 38195258, 'Poland', 1990], [19349, 69.6, 147568552, 'Russia', 1990], [10670, 67.3, 53994605, 'Turkey', 1990], [26424, 75.7, 57110117, 'United Kingdom', 1990], [37062, 75.4, 252847810, 'United States', 1990]], [[44056, 81.8, 23968973, 'Australia', 2015], [43294, 81.7, 35939927, 'Canada', 2015], [13334, 76.9, 1376048943, 'China', 2015], [21291, 78.5, 11389562, 'Cuba', 2015], [38923, 80.8, 5503457, 'Finland', 2015], [37599, 81.9, 64395345, 'France', 2015], [44053, 81.1, 80688545, 'Germany', 2015], [42182, 82.8, 329425, 'Iceland', 2015], [5903, 66.8, 1311050527, 'India', 2015], [36162, 83.5, 126573481, 'Japan', 2015], [1390, 71.4, 25155317, 'North Korea', 2015], [34644, 80.7, 50293439, 'South Korea', 2015], [34186, 80.6, 4528526, 'New Zealand', 2015], [64304, 81.6, 5210967, 'Norway', 2015], [24787, 77.3, 38611794, 'Poland', 2015], [23038, 73.13, 143456918, 'Russia', 2015], [19360, 76.5, 78665830, 'Turkey', 2015], [38225, 81.4, 64715810, 'United Kingdom', 2015], [53354, 79.1, 321773631, 'United States', 2015]] ]; option = { xAxis: { splitLine: { show: false } }, yAxis: { splitLine: { show: false }, scale: true }, grid: { left: 40, right: 130 }, series: [ { name: '1990', data: data[0], type: 'scatter', symbolSize: function (data) { return Math.sqrt(data[2]) / 5e2; }, emphasis: { focus: 'self' }, labelLayout: function () { return { x: myChart.getWidth() - 100,

      moveOverlap: 'shiftY'
    };
  },
  labelLine: {
    hideOverlap: true,
    show: true,
    length2: 5,
    lineStyle: {
      color: '#bbb'
    }
  },
  label: {
    show: true,
    formatter: function (param) {
      return param.data[3];
    },
    position: 'right',
    minMargin: 2
  }
}

] };

Current Behavior

hideOverlap: true , This setting does not take effect

Expected Behavior

Let this setting take effect

Environment

- OS: win10
- Browser: google chrome 90.x
- Framework:vue@2.5.17

Any additional comments?

No response

[echarts-bot[bot]]

@PankuMoney 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

**TITLE** [Bug] Scatter chart configuration hideOverlap does not take effect

[helgasoft]

you have hideOverlap in the wrong place. It has to be under labelLayout - Demo 📌 please close issue if problem solved.

[PankuMoney]

This is my latest code ,but it still does not take effect : labelLayout: function () { return { hideOverlap: true, x: myChart.getWidth() - 100, moveOverlap: 'shiftY' }; },