Comments (6)
@arkhenstone Tested in firefox, the panning is weird, it moves without button down event.
I will have a look at it along with the shitf + click, thanks for reporting
from apexcharts.js.
Hi @mbuczko ,
Zooming and Panning together is carried out in a number of different ways. I got the inspiration for the current behavior in ApexCharts from plot.ly, but I think your suggestion to allow panning while holding an additional key is not bad.
Another option to avoid going back and forth the toolbar is to allow zoomin/zoomout by mousewheel/pinch gesture and allow panning by mousedown/drag. This way you never will have to reach for toolbar multiple times.
I will keep this ticket open, so I have it in my to-do list, thanks!
from apexcharts.js.
@junedchhipa Shift+click to pan like in plotly would be very nice to have too
from apexcharts.js.
@pribilinskiy I just checked out panning in plotly with the shift being held, and it is indeed a very good UX experience.
I will definitely think more about this. Thanks
from apexcharts.js.
Either this, or just make a double arrow cross like when you drag a windows on any OS. Any desktop OS have this symbol for moving windows around. The way it is now is complicated because it moves on its own just by hovering the chart. Look at amCharts lines chart demos for an implementation of this feature.
from apexcharts.js.
Shift+mousedown = panning enabled.
Firefox bug while panning fixed.
from apexcharts.js.
Related Issues (20)
- Inconsistent handling of axis labels for different screen sizes
- Scrolling "out of range" data should be enabled - optionally
- Wrong hours on x-axis labels when Daylight Saving Time changes
- Touch support for onMouseMove event Broken HOT 1
- Option yaxis.labels.formatter is not updated when options prop changes HOT 2
- First line value stacked on multiple y axis graph ( bar + line ) HOT 1
- [NPM] No 3.49.0 package
- DOCS - mixed charts > multiple Y-axis sample not showing HOT 2
- Additional notes to csv file
- Markers and axis line
- Combo chart columnWidth:100% appears with large gaps when zoomed in
- Animation wrong when updating series (3.48 worked, 3.49 not working) HOT 2
- yaxis labels duplicated with a formatter function
- Zoom is broken if x-axis range is set HOT 2
- Radar chart x-axis labels get cut off on small screens(mobile) HOT 1
- Firefox bug since 124.0.1 HOT 1
- Support Border Radius for Donut, Pie and Polar Area Charts HOT 1
- Stacked charts are not displayed correctly if there are several series
- Mixed charts (column & line) not working. HOT 2
- Can add icon or help text to explain the charts
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from apexcharts.js.