Custom datapoint attributes in a scatterplot [answered]

plotly.js
1

I would like to use a custom attribute to allow me to “link” points between various charts. What is the correct way to add a custom, unique attribute value (e.g. key=‘item1@item2@item3’) to each point?

It’d be nice if I could do something like:
data=[{
x:[1,2,3],
y:[2,4,3],
customattributes: {
attributename: [‘v1’,‘v2’,‘v3’],
anotherattributename: anotherarrayofvalues
}
}];

2

https://plot.ly/javascript/reference/#scatter-customdata is exactly what you’re looking for.

3

But ‘customdata’ assigns the values to the __data__ property of the DOM element. I would like to create a custom attribute for each g.point element so that I can use JQuery to create a collection of points.

Actually, I think I can use the ‘ids’ array to accomplish what I need, but a custom attribute would be easier in that I would not have to ensure uniqueness…

4

Try listening to plotly_hover, you should get back the point’s customdata item.