Dynamic data zoom
See original GitHub issueHi maintainers 🙂
Can I stop the zoom from happening and get the time axis for the dragged selection and do the zoom myself?
I saw that feature in other libraries and it’s really good since I can get the data from startTime to endTime with higher resolution as I need without just regular scaling.
Some libraries implemented this by returning false
in the onZoom
callback.
Issue Analytics
- State:
- Created 4 years ago
- Comments:6
Top Results From Across the Web
Displaying dynamic data on the video stream - Web
Hello everyone, I'm studying master deg in computer science and I want to create my final project using Zoom API.
Read more >Dynamic data loading on zoom | JavaScript Chart Forums
I have a huge dataset to display in graphical form starting from the daily data for 30 days and then to each minute...
Read more >Trying to change the data-zoom-image attribute of an ...
I am trying to change the data-zoom-image attribute of a dynamically created tag but its unsuccesful here is the code bellow: here is...
Read more >Dynamic Planning How to Use Drag, Drop, Pivot, and ...
Dynamic Planning How to Use Drag, Drop, Pivot, and Zoom Actions to Analyze Data. 27 Jan 2022; 1 Minute to read.
Read more >3 Simple Zoom Tips to Record Dynamic Content
Movement: One way to make a Zoom recording more dynamic is to bring more movement into your editing. For example, try panning through...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
My requirement is similar when user tries to zoom an area, we want to call server to fetch new data in the zoomed rectangle area.
When user tries to zoom, the mouse down point is ActualStartPoint. User drag and leave (mouse up), this is ActualEndPoint. (Let me know if the variable names are misleading and you have better suggestion).
Using ActualStartPoint and ActualEndPoint I will match the corresponding datapoints(timestamp in your case). We can return the datapoints(timestamps) directly instead of drag x,y values but this fails in cases where we may not have datapoints(timestamp) at the exact zoom mouse points. In our case we need to calculated with special cases. Sending the datapoints(timestamps) will do too much abstraction, we need more control on how the x,y to actual datapoints are calculated.
ActualStartPoint and ActualEndPoint already subtract the margin offset(left for labels, legend). I am passing ‘margins’ parameter to onZoom() for any special cases where they need do some calculations.
Let me know if this helped you to understand.
I couldn’t find anyway to get the drag events so I forked and made those changes temporarily. It is not very well tested.
Until you find a official support for this you can use my fork, which does exactly that. https://github.com/prakis/chartjs-plugin-zoom
Please note In couple of days I will be making some minor modifications to support the direction properties. This is needed if you want to do custom Pan along with Zoom.