Select data pont in chart where the CSS name changes

[michael_joseph_]

I'm trying to setup a Browser synthetic test that selects a value in a chart that is displayed.  When I record the test I see the selector as for example #highcharts-ugkagd6-18 svg g:nth-child(11) g:nth-child(2) path:nth-child(2) but then when I try to playback that name doesn't exist and it generates a new name. 

This is an example of the chart that I'm trying to just open any data point in the chart which should pop up another window.

Any help would be greatly appreciated.

Mike

[ChadTurner]

@michael_joseph_ are you using browser click paths for this? 

[HannahM]

For locators with a dynamic id, the monitor will need to find the element using a different method. Is there something about the element that never changes? Usually there are other tags we can use to select the element instead. 

[michael_joseph_ · Accepted solution]

I was able to accomplish what I needed by using javascript and getElementbyId and drilling through the childnodes until I identified the one with the innerHTML response that had the data point.