[GitHub] [echarts] shiboqingning opened a new issue, #17813: [Bug] ScatterChart brush selection with large amount of data is invalid

[GitBox]

shiboqingning opened a new issue, #17813:
URL: https://github.com/apache/echarts/issues/17813

   ### Version
   
   5.3
   
   ### Link to Minimal Reproduction
   
   https://echarts.apache.org/examples/zh/editor.html?c=scatter-large
   
   ### Steps to Reproduce
   
   1. Create a scatter chart of a large amount of data
   2. Add brush configuration items to scatter chart
   3. Brush selected data
   
   The specific code is as follows:
   ```
   function genData(len, offset) {
     let arr = new Float32Array(len * 2);
     let off = 0;
     for (let i = 0; i < len; i++) {
       let x = +Math.random() * 10;
       let y =
         +Math.sin(x) -
         x * (len % 2 ? 0.1 : -0.1) * Math.random() +
         (offset || 0) / 10;
       arr[off++] = x;
       arr[off++] = y;
     }
     return arr;
   }
   const data1 = genData(5e5);
   const data2 = genData(5e5, 10);
   option = {
     title: {
       text:
         echarts.format.addCommas(data1.length / 2 + data2.length / 2) + ' 
Points'
     },
     tooltip: {},
     toolbox: {
       left: 'center',
       feature: {
         dataZoom: {}
       }
     },
     legend: {
       orient: 'vertical',
       right: 10
     },
     xAxis: [{}],
     yAxis: [{}],
     dataZoom: [
       {
         type: 'inside',
         xAxisIndex: [0]
       },
       {
         type: 'inside',
         yAxisIndex: [0]
       }
     ],
     animation: false,
     brush: {
       brushLink: 'all',
       toolbox: ['rect', 'polygon' , 'clear'],
       seriesIndex: 'all',
       xAxisIndex: 0,
       inBrush: {
         opacity: 1
       },
       throttleType: 'debounce',
       throttleDelay: 1000
     },
     series: [
       {
         name: 'A',
         type: 'scatter',
         data: data1,
         dimensions: ['x', 'y'],
         symbolSize: 3,
         itemStyle: {
           opacity: 0.4
         },
         large: true,
       },
       {
         name: 'B',
         type: 'scatter',
         data: data2,
         dimensions: ['x', 'y'],
         symbolSize: 3,
         itemStyle: {
           opacity: 0.4
         },
         large: true
       }
     ]
   };
   ```
   The renderings are as follows:
   
![image](https://user-images.githubusercontent.com/102708847/197439522-c75437c7-2c0d-4c9b-ad00-3b2ffff709b4.png)
   
   
   ### Current Behavior
   
   Does not get the value of the brush selection and has no visual effects
   
   ### Expected Behavior
   
   Can get the brush selected data and have a visual effect
   
   ### Environment
   
   ```markdown
   - OS:
   - Browser:
   - Framework:
   ```
   
   
   ### Any additional comments?
   
   _No response_


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: commits-unsubscr...@echarts.apache.org.apache.org

For queries about this service, please contact Infrastructure at:
us...@infra.apache.org


---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscr...@echarts.apache.org
For additional commands, e-mail: commits-h...@echarts.apache.org