How do we select a Complete Bar in X,Y Chart?

I am trying to figure out a way to select the complete bar instead of a part of it.
So basically what I want to do is when i click on the bar the whole bar should get selected.
Upon researching I have found out that if I click on the one of the section it creates a data array of objects in the props.selection property and each object has a unique uid and seriesid. I have also figure out the id pattern for these 2 properties based on the values of the objects.
For example:
I have clicked on the upper part of the bar and the uid is id-183837 now the same property for the second object should be uid[0] - 141 = uid[1] same is the case for seriesid: seriesid[0] - 19 = seriesid[1]

Now the issue is the lower part of the bar doesn't get's selected when we have the right second object in the data array.

Is there a workaround to highlight the other part of the bar.

It looks like the selection.data properties are one-way from the graph into the property. Writing to the property doesn't get sent back to the chart.

What are you hoping to do with the complete bar selection?

Related: XY Chart - Selection of Points.

When I select a bar, I am populating a table.
Both sections of the bar has the same data, and I was wondering if both has the same data then we should be able to select the complete bar instead of selecting one section at a time.