4 ms·

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

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.herokuapp.com https://chartjs-slack-automation.herokuapp.com. 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!

viiralvx 10y ago
Thanks for the hard work on this library! Such a great and simple library to use!
mikerg87 10y ago
I wish the site had a dedicated demo gallery to show case the features, especially the animation and responsiveness. There are some demos in the documentation, but nothing that gives chartJS the showcase it deserves. Don't get me wrong. This is a wonderful piece of work and I want everyone involved to succeed.
- amelius 10y ago
  In a demo, I'd like to see especially how degenerate cases are handled. For example, in a point-graph, lots of points almost at the same location. Or in a bar-graph, some very small bars, and some very large bars. Also, I'd like to see how it handles huge amounts of data. Convince us that this library is ready for the real world :)
  - derekperkins 10y ago
    @amelius - those are great suggestions. If you could built it in or even help supply the datasets, we could get that up pretty fast.
- derekperkins 10y ago
  That's the next major milestone for the docs. We've discussed it, but didn't want to delay the v2 release for it. We're planning on implementing a user showcase in addition to just a few core demos. We'd love your help if you're able to contribute!
- bigger_cheese 10y ago
  Demo's would be great. It's hard to really see what the capabilities are without some good demos. I recently had a project which required me to trend some data on a webpage. I ended up going with a package called JQPlot. Their website had really great demos - with example code. One thing I really need is good support for multiple Y-Axis I can't see anything on your site about how to add additional axis or customise an existing plot axis (how would I force manual scale per axis for example). You can see the StackOverflow post I made: http://stackoverflow.com/questions/35262796/plot-multiple-scales-on-a-single-axis/35543469#35543469 http://stackoverflow.com/questions/35262796/plot-multiple-sc... Has an example screenshot of type of graph I was trying to produce.
- jamra 10y ago
  There is a samples directory that has examples of most of the features.
pfarrar 10y ago
looks awesome. Can't wait to try out this new version.
chuckouellet 10y ago
Looks amazing! We've been using it for almost a year now, we'll most likely updgrade to the v2 as soon as we can!
tommyd 10y ago
I've been using the v2 beta (along with https://github.com/jhudson8/react-chartjs/tree/chartjs-v2 https://github.com/jhudson8/react-chartjs/tree/chartjs-v2) and have been really impressed with it in general, thanks for all the hard work!
nemaar 10y ago
How quick is this? I'll give it a go with our company's dataset. Unfortunately none of the javascript charting libraries could handle it so far. I am not even sure it is possible to do what I want using JS and current technology.
- derekperkins 10y ago
  It's very fast even with thousands of data points. We were combining it with github.com/crossfilter/crossfilter to do client side filtering and aggregating on hundreds of thousands of rows of data.
  - revicon 10y ago
    Hyperlink for the lazy https://github.com/crossfilter/crossfilter https://github.com/crossfilter/crossfilter
    - derekperkins 10y ago
      Haha, I thought that HN was smart enough to hyperlink it for me. Thanks for the help. :)
      - developer2 10y ago
        It is, you just need to explicitly include the protocol (http:// http:// or https:// https://). For next time. :)
  - gbrits 10y ago
    Would love to see an example combining the two!
    - chlee 10y ago
      I agree. I would also love to see an example combining both as well. It would be a very useful reference.
- 10y ago
piratebroadcast 10y ago
Can you add HTML to the documentation, along with using it with a CDN? Im trying to use it in a test app but I;m not quite getting how everything is fitting together. A single HTML page with everything on it would be really ideal.
- derekperkins 10y ago
  We're working on adding more comprehensive demos, embedded with CodePen so they can be edited and forked. Until that is done, you can see a number of examples here: https://github.com/chartjs/Chart.js/tree/master/samples https://github.com/chartjs/Chart.js/tree/master/samples

viiralvx 10y ago

Thanks for the hard work on this library! Such a great and simple library to use!

mikerg87 10y ago

I wish the site had a dedicated demo gallery to show case the features, especially the animation and responsiveness. There are some demos in the documentation, but nothing that gives chartJS the showcase it deserves. Don't get me wrong. This is a wonderful piece of work and I want everyone involved to succeed.

amelius 10y ago
In a demo, I'd like to see especially how degenerate cases are handled. For example, in a point-graph, lots of points almost at the same location. Or in a bar-graph, some very small bars, and some very large bars. Also, I'd like to see how it handles huge amounts of data. Convince us that this library is ready for the real world :)
- derekperkins 10y ago
  @amelius - those are great suggestions. If you could built it in or even help supply the datasets, we could get that up pretty fast.
derekperkins 10y ago
That's the next major milestone for the docs. We've discussed it, but didn't want to delay the v2 release for it. We're planning on implementing a user showcase in addition to just a few core demos. We'd love your help if you're able to contribute!
bigger_cheese 10y ago
Demo's would be great. It's hard to really see what the capabilities are without some good demos. I recently had a project which required me to trend some data on a webpage. I ended up going with a package called JQPlot. Their website had really great demos - with example code. One thing I really need is good support for multiple Y-Axis I can't see anything on your site about how to add additional axis or customise an existing plot axis (how would I force manual scale per axis for example). You can see the StackOverflow post I made: http://stackoverflow.com/questions/35262796/plot-multiple-scales-on-a-single-axis/35543469#35543469 http://stackoverflow.com/questions/35262796/plot-multiple-sc... Has an example screenshot of type of graph I was trying to produce.
jamra 10y ago
There is a samples directory that has examples of most of the features.

pfarrar 10y ago

looks awesome. Can't wait to try out this new version.

chuckouellet 10y ago

Looks amazing! We've been using it for almost a year now, we'll most likely updgrade to the v2 as soon as we can!

tommyd 10y ago

I've been using the v2 beta (along with https://github.com/jhudson8/react-chartjs/tree/chartjs-v2 https://github.com/jhudson8/react-chartjs/tree/chartjs-v2) and have been really impressed with it in general, thanks for all the hard work!

nemaar 10y ago

How quick is this? I'll give it a go with our company's dataset. Unfortunately none of the javascript charting libraries could handle it so far. I am not even sure it is possible to do what I want using JS and current technology.

derekperkins 10y ago
It's very fast even with thousands of data points. We were combining it with github.com/crossfilter/crossfilter to do client side filtering and aggregating on hundreds of thousands of rows of data.
- revicon 10y ago
  Hyperlink for the lazy https://github.com/crossfilter/crossfilter https://github.com/crossfilter/crossfilter
  - derekperkins 10y ago
    Haha, I thought that HN was smart enough to hyperlink it for me. Thanks for the help. :)
    - developer2 10y ago
      It is, you just need to explicitly include the protocol (http:// http:// or https:// https://). For next time. :)
- gbrits 10y ago
  Would love to see an example combining the two!
  - chlee 10y ago
    I agree. I would also love to see an example combining both as well. It would be a very useful reference.
10y ago

piratebroadcast 10y ago

Can you add HTML to the documentation, along with using it with a CDN? Im trying to use it in a test app but I;m not quite getting how everything is fitting together. A single HTML page with everything on it would be really ideal.

derekperkins 10y ago
We're working on adding more comprehensive demos, embedded with CodePen so they can be edited and forked. Until that is done, you can see a number of examples here: https://github.com/chartjs/Chart.js/tree/master/samples https://github.com/chartjs/Chart.js/tree/master/samples