ColumnChart: Selected event issue in column grouped chart

[aishanyagupta]

In column grouped chart while clicking on bar of the chart and printing event value. two different values are coming alternatively.

Steps to reproduce

1. Go to Link
2. Right click on the on the widget and scroll down to inspect and click on it.
3. Navigate to console tab, and click on various bars of the chart as well as the bottom legends.

Here is a screen recorded video for easy understanding. screen-capture (9).webm

The expected behavior is to get the same value every time we click on the bar.

ids-enterprise-ng: 4.95.0-dev.0

[ericangeles]

@tmcconechy, have you confirmed this one? I still don't quite understand it.

[tmcconechy]

@ericangeles yeah i dont get it, it looked like from the video that some of the data was obviously wrong in the console. Not when clicking a group you select the whole group not the bar. And i dont get the part about right clicking? But trying it i dont see any issues

@aishanyagupta can you update the steps? the data looks ok to me. maybe your looking at a wrong place in the event data?

[aishanyagupta]

Hi @tmcconechy,

This data is when we click first and a group is selected then next time when we click we are console is showing this value overall on multiple clicks of a single bar, this is how response is Two different values are coming alternatively.

but, the case I am looking for is when we click on a bar in column grouped chart, I want to find which group it belongs to and also which bar in that group.

here is a screen recorded video screen-capture (11).webm

Please let me know if any further queries.

Thanks

[yohannahbautista]

@aishanyagupta Hello, here's my observations on the 'selected' events happening:

On selecting Component B (first)

• Selected element is the Component B group itself
• The data sent is the array of bar elements and its data

On selecting Component B again (second)

• Clicking on a bar element (clicked on the violet one for this example) will select it
• The data sent is the bar element itself, and in the bar element is the data (name and value of bar)

On selecting Component B one last time (third)

• The behavior will go back to the first step

From what I'm seeing. When you click the group, it selects the group and focuses on the group (hence receiving the group data when selected event is triggered). Then when you click any element in that group, it selects and focuses on that element. If you click again after that, the focused element is deselected and the group is selected again. I think this is more on a confusion on what's selected rather than the expected data?

Checking on an older version and the behavior is still the same: https://4700-enterprise.demo.design.infor.com/components/column-grouped/example-selected.html

If it's needing the group data when selecting a bar element, we could add a parent index in the data?

[aishanyagupta]

Hi @yohannahbautista, The requirement is when we click anywhere on chart we need to know which group it belongs to as well as which bar in that group. I need to know which bar is selected in that group.

[yohannahbautista]

Hi @yohannahbautista, The requirement is when we click anywhere on chart we need to know which group it belongs to as well as which bar in that group. I need to know which bar is selected in that group.

@aishanyagupta Would having the index in the data be enough? Maybe something called the childIndex?

[aishanyagupta]

Hi @yohannahbautista, The requirement is when we click anywhere on chart we need to know which group it belongs to as well as which bar in that group. I need to know which bar is selected in that group.

@aishanyagupta Would having the index in the data be enough? Maybe something called the childIndex?

@yohannahbautista yes, that will be enough, Thanks