Giter Site home page Giter Site logo

Inconvenient panning about apexcharts.js HOT 6 CLOSED

mbuczko avatar mbuczko commented on May 1, 2024 1
Inconvenient panning

from apexcharts.js.

Comments (6)

junedchhipa avatar junedchhipa commented on May 1, 2024 1

@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.

junedchhipa avatar junedchhipa commented on May 1, 2024

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.

steven-prybylynskyi avatar steven-prybylynskyi commented on May 1, 2024

@junedchhipa Shift+click to pan like in plotly would be very nice to have too

from apexcharts.js.

junedchhipa avatar junedchhipa commented on May 1, 2024

@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.

arkhenstone avatar arkhenstone commented on May 1, 2024

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.

junedchhipa avatar junedchhipa commented on May 1, 2024

Shift+mousedown = panning enabled.
Firefox bug while panning fixed.

from apexcharts.js.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.