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.