Chart.js: Slider to change chart viewing range

Created on 25 Dec 2014  路  5Comments  路  Source: chartjs/Chart.js

Great charts!

Will there be a viewing range slider any time soon? Slide the left and right to change the breadth of data shown?

enhancement

Most helpful comment

I had a quick go in my spare time at work today; it's rough at the moment, but I'll be cleaning it up over the next few days!
Patches welcome, of course, as is any advice about the way I'm creating the plugin!

Repo: https://github.com/schme16/Chart.js-RangeSlider
JSFiddle: http://jsfiddle.net/schme16/xfyvvup8/

All 5 comments

Honestly this doesn't sound like a bad idea, probably wouldn't be in core though.

@dtruel: I've just recently added a rage slider to my chart on a stats page I was building.
I cobbled it together with noUiSlider + wNumb

It didn't take very long to do, but if you'd like I can put together a Gist that shows what I did

@jakesyl I agree it doesn't need to be in the core, there are hooks for all the events you'd need, already exposed, but creating it as a plugin would be pretty great (I might take a bash at it sometime this evening)

@schme16 creating a plugin would be a good idea.

I had a quick go in my spare time at work today; it's rough at the moment, but I'll be cleaning it up over the next few days!
Patches welcome, of course, as is any advice about the way I'm creating the plugin!

Repo: https://github.com/schme16/Chart.js-RangeSlider
JSFiddle: http://jsfiddle.net/schme16/xfyvvup8/

Closing since this won't be in the core and @schme16 made an awesome plugin to add this functionality.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

gouthamrv picture gouthamrv  路  3Comments

lizbanach picture lizbanach  路  3Comments

frlinw picture frlinw  路  3Comments

SylarRuby picture SylarRuby  路  3Comments

akashrajkn picture akashrajkn  路  3Comments