Chart.js: Add support for zoom / scroll / pan options?
My feature request is something similar to this demo on amcharts:
http://www.amcharts.com/demos/line-chart-with-scroll-and-zoom/
Most specifically: the top bar that allows you to zoom / scroll into a specific date for your data. This is really useful when you have lot's of data to show. This could be a multi-release feature first only support that kind of bar and supporting the select/zoom on the chart itself.
This is also named as "timeline" feature on this wikipedia page: https://en.wikipedia.org/wiki/Comparison_of_JavaScript_charting_frameworks so supporting it would allow chartjs to have another YES on that table :)
pjfsilva
All 24 comments
+1
sivix
on 17 Jul 2015
+1 sir
boshido
on 22 Jul 2015
This is imperative! Any dataset much over 50 elements becomes unreadable. We need the ability to scroll off the screen.
abeatte
on 2 Aug 2015
That's exactly what I need!
I am unable to follow this tip: https://github.com/nnnick/Chart.js/issues/726#issuecomment-81430428
Jedarc
on 17 Aug 2015
+1
moxx
on 28 Aug 2015
+1
dwelle
on 8 Oct 2015
We've thrown around some ideas for this functionality. But it most likely won't come until well after 2.0 is released. PR's to the v2.0-dev branch are welcome!
tannerlinsley
on 8 Oct 2015
+1
pete7863
on 14 Oct 2015
+1
vishnucool220
on 16 Dec 2015
+1
ghost
on 16 Dec 2015
Consolidating with #726 which will be used to track all zoom/pan requests
etimberg
on 25 Dec 2015
+1
pasupuletisrinath
on 20 Apr 2016
+1
Third9
on 16 Jun 2016
+1
Elmanderrr
on 23 Jun 2016
+1
Jaroost
on 3 Jul 2016
Why are you all adding your "+1" here? The feature is implemented: https://github.com/chartjs/Chart.Zoom.js
jachstet-sea
on 4 Jul 2016
well, Chart.Zoom.js is not working, as it assumes es6 and require.
Even when tweaked into not erroring, it doesn't pan nor zoom horizontally. No control, doc, test.
I don't call that _implemented_ ;)
roselan
on 21 Jul 2016
@roselan Chart.Zoom.js provides a built version here: https://github.com/chartjs/Chart.Zoom.js/blob/master/Chart.Zoom.js
I'm happy to merge PRs to it adding docs, tests, etc.
etimberg
on 21 Jul 2016
Indeed, I didn't see the dist version in main root. However, x pan/zoom not work (it's already an issue in the chrart.js repo).
roselan
on 21 Jul 2016
Because I need this feature I ended switching to amCharts. It has a free license with a small link leading to their website.
keaukraine
on 11 Nov 2016
@etimberg Please note my initial request is not filled out on #726 that is also closed.
My initial request is mainly direct at that 'top bar' I mention on the example, also called as timeline in the wikipedia page. Chart.Zoom plugin goal is different from mine as it seems it only supports zoom but clearly lacks this 'timeline' feature which I think is a great UI to achieve scroll/pan in large charts along a timeline, as the amcharts demo shows.
I would advise into reopening this to track this specific feature request but it's up to the projects owners to decide that. I just wanted to clarify that #726 clearly does not fill my initial idea.
pjfsilva
on 17 Feb 2017
+1
officinainformatica
on 18 Apr 2017
+1
entimm
on 28 Jul 2017
I agree with @pjfsilva that #726 is a poor implementation of zooming. Something similar to amcharts is needed: http://www.amcharts.com/demos/line-chart-with-scroll-and-zoom/
spitzbubchen
on 7 Feb 2018
Related issues
bytesnz
路
3Comments
kennsippell
路
3Comments
akashrajkn
路
3Comments
nanospeck
路
3Comments
HeinPauwelyn
路
3Comments
Most helpful comment
I agree with @pjfsilva that #726 is a poor implementation of zooming. Something similar to amcharts is needed: http://www.amcharts.com/demos/line-chart-with-scroll-and-zoom/