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

   ### Version
   
   5.5.0
   
   ### Link to Minimal Reproduction
   
   Provided in steps to reproduce
   
   ### Steps to Reproduce
   
   1. Open an .
   2. Open any example of said charts ( 
[Funnel](https://echarts.apache.org/examples/en/editor.html?c=funnel) / 
[Gauge](https://echarts.apache.org/examples/en/editor.html?c=gauge-multi-title) 
/ [Radar](https://echarts.apache.org/examples/en/editor.html?c=radar)  ) in a 
new tab.
   3. Paste Brush option `  brush: {
       toolbox: ['rect', 'keep', 'clear']
     },` inside the `options` object.
   4. Paste the function ( function reference: [shows brush selection on 
bar](https://echarts.apache.org/examples/en/editor.html?c=bar-brush) ) for 
brush Selection `myChart.on('brushSelected', function (params) {
     var brushed = [];
   console.log(params);
     var brushComponent = params.batch[0];
     for (var sIdx = 0; sIdx < brushComponent.selected.length; sIdx++) {
       var rawIndices = brushComponent.selected[sIdx].dataIndex;
       brushed.push('[Series ' + sIdx + '] ' + rawIndices.join(', '));
     }
     myChart.setOption({
       title: {
         backgroundColor: '#333',
         text: 'SELECTED DATA INDICES: \n' + brushed.join('\n'),
         bottom: 0,
         right: '10%',
         width: 100,
         textStyle: {
           fontSize: 12,
           color: '#fff'
         }
       }
     });
   });` after the `options` object.
   
   5. Select rectangular selection from toolbox and create rectangular 
selection on chart.
   6. Title on chart , which is used to display the selection, displays 
   
![image](https://github.com/apache/echarts/assets/113503744/ad5a652e-eed7-4d75-bafb-8adb5e6af455)
   7. In the browser console, as we go through the params' objects' properties, 
we find that dataIndex is empty as well as other properties also don't seem to 
help detect exact selected value. 
   
   ### Current Behavior
   
   doesn't detect what is clicked on.
   
   ### Expected Behavior
   
   Should detect what was clicked ( either by `dataIndex` or via some other 
property) or create separate examples for all chart types or add a note if 
isn't implemented.
   
   ### Environment
   
   ```markdown
   - OS: Windows
   - Browser: Chrome
   - Framework: Vanilla JS
   ```
   
   
   ### 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: [email protected]

For queries about this service, please contact Infrastructure at:
[email protected]


---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]

Reply via email to