Subscribe
Sign in
Chart.js 2.0 — Simple, clean & engaging charts for designers & developers.
30
Replies
@kwdinc Nice hunt, thanks Kevin! Great timing too because we're looking into better charting options for the Strides web app and 2.0 makes this a strong contender for sure. Thanks to everyone who contributed to it!
Massive fan on Chart.js 2.0 - Easy to customize when you get the hang of it - https://dribbble.com/shots/26629...
@derekperkins Looks great. I've been using highcharts for a while, and really looking for a better lib.
Any plans for a world map chart?
@normal_ppl I could see geo charts coming in in a few months at the earliest. Most everything right now is geared toward scale based and circular charting.
@derekperkins we use chartjs for Bubble as a plugin, and would be happyt o upgrade. Is the upgrade seamless or there are stuff to worry about?
@estraschnov the transition is very friendly. A lot of the structure remained similar, just some standardization on styling property names, and data mapping. It took me about 30 minutes to makes the switch. It's even easier that there are amazing defaults set, so it's pretty automatical out of the box!
@estraschnov not yet unfortunately. We're working on some live editable examples that will hopefully illustrate how to make the move. You should join the slack channel and we can chat there. A signup link is on github
Chartjs fits perfectly in the Gap between do-it-all-by-yourself and i-will-do-it-all-for-you. 2.0 brings some very good desired features to an already awesome library. Thumbs up to all contributors.
I was thinking of using Chart.js for an upcoming project but couldn't decide, this new update has decided for me! Look forward to playing with it.
I will never get sick of new js Charts, ever!
Thanks for the hard work and contributions guys.
@waqaskarim86 Yes it can! Its a consumable npm module that I've successfully and easily used in both angular and react projects.
One of the Chart.js contributors here. Version 2.0 is a massive overhaul of the underlying library focused on ease of use and extensibility. Hundreds of issues from the 1.x branch have been resolved, making Chart.js even more stable and user friendly than ever! Here are a few of the core changes:
- Github Organization: Moved from github.com/nnnick/Chart.js to our own org, github.com/chartjs/Chart.js, where we hope to continue to grow the awesome community
- Scales: New time axis, log axis and multiple axis support
- Animations galore: Just about everything animates now, from adding/removing datasets, updating data or even changing colors. Based on canvas, animations run at 60fps even with tens of thousands of data points
- Dynamic config: It used to be difficult to interact with a chart after creating it, but now it is as simple as changing the object and calling the update function
- Mixed charts: It is now trivial to put a line on a bar chart or whatever combination floats your boat
- Legends: Now supported for all chart types, they can be placed anywhere on the canvas and support toggling data visibility by default
- Chart types: More charts supported out of the box, including stacked area/bar and bubble charts
- Labels: Built-in chart titles and axis labels make it easy to understand your data
- Responsive and mobile ready: Charts, labels and legends all scale down to accommodate any screen size out of the box, with touch event support
- too much awesomeness to list here
Moving forward, the core team is committed to a faster release cycle. Version 2.1 is slated to come out in the next week with:
- Plugin support: Add optional support for features like zoom/pan (forthcoming) without adding bulk to the core library
- Shared data between charts
We'd love your help, so please join and contribute! We have a very active Slack community that you can join at https://chartjs-slack-automation.... We'd love to add new chart types and to get the documentation translated, so if you think you can help, we'd love to have you!
@derekperkins do you have an ETA for zoom. I'm trying to get off of highcharts and this is all I need to do so. :)
@aub It's pretty close. Here's a proof of concept - https://jsfiddle.net/amd5ne2w/1/ - It works zooming with your mouse wheel or pinching on mobile.
What are the specific requirements you have for zoom?
@derekperkins thanks for the fast reply!
I need axial zoom like this: https://www.amcharts.com/demos/d... (specifically on the X).
(I'm a product designer so take all this fwiw / its free advice :) )
I think the interaction could be achieved with click+drag / pinch for zooming and then double click or double tap to get back out. shift+drag or pan could allow for panning. <- so you might not need much UI for this or users could bind the callback to a button or something for the double-click/double tap reset. (like the first one here http://dygraphs.com/gallery/#g/i...)
I could use dygraphs but your api is so much easier to understand IMO. Would love to see something like this in chartsjs :)
@aub That's good feedback. I've logged on our issue tracker so we'll account for those use cases. https://github.com/chartjs/Chart... You should subscribe to the Github issue so you're notified once it's completed.
Love Chart.js for it's ease of use. Would love to see an SVG renderer for it, as well as Canvas.
Mysuper.fan