OpenWaterFoundation / owf-app-viz-demo-ng

Open Water Foundation application to test different visualizations in Angular
0 stars 0 forks source link

Plotly needs a way to zoom only horizontal axis #18

Open smalers opened 3 years ago

smalers commented 3 years ago

Currently, the default tools are shown for plotly and its zoom features are disorienting. In TSTool, if you draw a box on the graph, it only zooms the x-axis. This is generally intuitive because people want the y-axis to remain the same. We need to figure out how to configure plotly's default behavior to only zoom in the x-axis unless you pick a tool to do otherwise.

gsofia23 commented 3 years ago

Configured Plotly TSTool graph to zoom on the x-axis. Adding other additional tools available to README

smalers commented 3 years ago

The zoom is good. Now that I think about it, there may be a desire to zoom in the x-axis only or zoom both axes (the way it was before). Is it possible to have a tool for each? Maybe the icon could have an "X" or "XY" on it and the tool tip could be "Zoom X axis" and "Zoom X and Y axes". Actually, maybe the default icon should be zoom X and add "XY" on the icon that zooms both axes. We need to try and see how intuitive, but something needs to be done to differentiate. Sometimes when zoomed in a lot there is a need to zoom into Y axis to make data spread out.

The Zoom tools should be grouped together. The zoom in and zoom out should also be labeled with "X" or "XY" similar to the above. Note that TSTool only zooms in X axis but if enabled zooming both axes I might change the button labels.