eventdata content consistency

[aderidder]

Hi,

In order to capture the points in my scatterplot, I'm currently using plotly_relayout. After playing around with this for a bit, I found that the eventdata is somewhat unpredictable, making it hard/confusing to work with:

• autoscale button clicked: Object {xaxis.autorange: true, yaxis.autorange: true}
• zoom button clicked: Object {xaxis.range: Array[2], yaxis.range: Array[2]}
• drag zoom: Object {xaxis.range[0]: , xaxis.range[1]: , yaxis.range[0]: , yaxis.range[1]: }
• drag zoom, but leave your plot at the left side: Object {xaxis.range[1]: , yaxis.range[0]: , yaxis.range[1]: }
• pan: similar to drag zoom, but if you drag along an axis (e.g. don't change the y, only the x), the eventdata only contains information about the x

It would be very useful if the eventdata's content would be consistent, e.g. always provide Object {xaxis.range: Array[2], yaxis.range: Array[2]}

Thanks,
Sander

[etpinard]

@aderidder great suggestion. Thanks!

The plotly_relayout event is in dire need of a redesign. Maybe the solution lies in #145 where each axis interaction would emit an event with a similar data object.

[chrisgervang]

It appears the rangeslider pan and zoom is consistently {xaxis.range: [number, number], yaxis.range: [number, number]}. So to handle relayout event I now do this:

const newSliderRange: [number, number] = e['xaxis.range']; //Plotly format for zooming with the slider
const newZoomRange0: number = e['xaxis.range[0]'];
const newZoomRange1: number = e['xaxis.range[1]']; //Plotly format for zooming within the graph
if (!!newSliderRange || !!newZoomRange0 || !!newZoomRange1) {
 const newRange = !!newZoomRange0 || !!newZoomRange1 ? [newZoomRange0, newZoomRange1] : newSliderRange;
 console.log("EVENT", e, newRange);
}

It seems like it would take little effort to emit a consistent type of {xaxis.range: [number, number], yaxis.range: [number, number]} where number is still nullable like the current implementation.

[jackparmer]

Hiya! Plotly now has improved and consolidated Plotly.js event documentation here:

https://plot.ly/javascript/plotlyjs-events/

Please feel free to suggest documentation improvements in a pull request:

https://github.com/plotly/documentation/tree/source-design-merge/_posts/plotly_js/events

[etpinard]

Pie and Sankey event data should be refactor during the v2 push to look more like the other traces.

See #1875

[JacobJNilsson]

Hi, not sure if this is the right place to bring this up, please feel free to remove this if this is not the propper channel.
Today the update information of plotly_relayout only contain the y and x axis.autorange: bool in the case of autorange, but should not the axis.range[] also be included? Such as in the case of other resizing updates.