Black Lives Matter. Please consider donating to Black Girls Code today.

Customdata with complex keys doesn't seem to work with hovertemplate

Hi all,

I’ve ran into an issue while creating custom hoverlabels for a scatter trace.
I have a customdata array with one or multiple keys (which I can’t pick and preferably don’t change since they’re machine tags). These keys could have characters like semicolons and periods in them for ex: ABC:123.DE. When I want to access the value of that key in a hovertemplate using %{customdata. '+ tag + '} I get NaN as hover label and the following warning appears in the console:

WARN: Variable 'customdata.ABC' in hovertemplate could not be found!

As you can see, everything behind the semicolon is dropped. I can imagine the period will also cause issues. What’s the correct way to handle keys like this?

Thanks in advance