4 ms·

Show HN: Angles.js - Chart.js charts in Angular

48 points by lgsilver 13y ago

dchuk 13y ago
Talk about serendipity, I literally discovered Chart.js about an hour ago, searched for Angular directives for it on the off chance someone already made it, didn't find anything, then came to Hacker News and here is Angles.js. Looks great, nice and easy to use. Excited to try it out!
- lgsilver 13y ago
  Awesome. I just whipped it up today to help with some dashboards at work. Will probably make it more full-featured. Let me know if you have suggestions.
Hovertruck 13y ago
Wow, I actually just implemented this same thing (but using D3/Rickshaw[1]). If only this had come out a week ago. [1] http://code.shutterstock.com/rickshaw/ http://code.shutterstock.com/rickshaw/
- diggan 13y ago
  Really? I can see no mention of Angular on that page you linked.
  - sidmitra 13y ago
    The link actually points to the library he used with angular, not to his own work. He probably used angular to create easier to use bindings to use Rickshaw.
    - Hovertruck 13y ago
      This is correct. Sorry if that was confusingly worded. :)
LX-350 13y ago
This is great! I will be making intranet dashboard for work and this will definitely help. :)
kapilkale 13y ago
Great work, swapping out my existing glue code in favor of this presently.
pablobaz 13y ago
Something similar for highcharts here: https://github.com/pablojim/highcharts-ng https://github.com/pablojim/highcharts-ng Demo: http://jsfiddle.net/pablojim/Cp73s/ http://jsfiddle.net/pablojim/Cp73s/
svckr 13y ago
License or it didn't happen. :/ Looks nice though!
colinm 13y ago
I was just reading about chart.js and knockout! http://blog.arisetyo.com/getting-started-with-chart-js-part-1/ http://blog.arisetyo.com/getting-started-with-chart-js-part-...
colinm 13y ago
Aynbody that has worked a fair bit with ChartJS want to give their opinions on it? What are the limitations?
tufnell 13y ago
This is great news, great timing and great work. I knocked together a simple angular directive for JustGage (https://github.com/mattlaver/angular-justgage https://github.com/mattlaver/angular-justgage) a week or so back for a dashboard I was putting together and have been looking for some nice directives for charting to add to what I already had.
ErikAugust 13y ago
Put together one of these for the jQuery Flot Chart lib: https://github.com/ErikAugust/flang https://github.com/ErikAugust/flang Also shouted you out in the example for the inspiration to get off my butt and share it on GitHub.
- lgsilver 13y ago
  Erik, Awesome. I used Chart.js because it's come up a lot lately and is well documented, but Flot and the other more mature chart libs are probably better for most charting projects (read, allow dynamic data updates). Will try your wrapper today. - Lindsay
  - ErikAugust 13y ago
    Thanks - right now I put up the <piechart> but soon will add the rest of the Flot library. I use Flot on a project dashboard and it does dynamic data updates nicely. Also, I really like what you did by moving not just the data but parts of the chart setup itself - that is something I'll incorporate into Flang as well. Thanks again.

48 points by lgsilver 13y ago

dchuk 13y ago

Talk about serendipity, I literally discovered Chart.js about an hour ago, searched for Angular directives for it on the off chance someone already made it, didn't find anything, then came to Hacker News and here is Angles.js. Looks great, nice and easy to use. Excited to try it out!

lgsilver 13y ago
Awesome. I just whipped it up today to help with some dashboards at work. Will probably make it more full-featured. Let me know if you have suggestions.

Hovertruck 13y ago

Wow, I actually just implemented this same thing (but using D3/Rickshaw[1]). If only this had come out a week ago. [1] http://code.shutterstock.com/rickshaw/ http://code.shutterstock.com/rickshaw/

diggan 13y ago
Really? I can see no mention of Angular on that page you linked.
- sidmitra 13y ago
  The link actually points to the library he used with angular, not to his own work. He probably used angular to create easier to use bindings to use Rickshaw.
  - Hovertruck 13y ago
    This is correct. Sorry if that was confusingly worded. :)

LX-350 13y ago

This is great! I will be making intranet dashboard for work and this will definitely help. :)

kapilkale 13y ago

Great work, swapping out my existing glue code in favor of this presently.

pablobaz 13y ago

Something similar for highcharts here: https://github.com/pablojim/highcharts-ng https://github.com/pablojim/highcharts-ng Demo: http://jsfiddle.net/pablojim/Cp73s/ http://jsfiddle.net/pablojim/Cp73s/

svckr 13y ago

License or it didn't happen. :/ Looks nice though!

colinm 13y ago

I was just reading about chart.js and knockout! http://blog.arisetyo.com/getting-started-with-chart-js-part-1/ http://blog.arisetyo.com/getting-started-with-chart-js-part-...

colinm 13y ago

Aynbody that has worked a fair bit with ChartJS want to give their opinions on it? What are the limitations?

tufnell 13y ago

This is great news, great timing and great work. I knocked together a simple angular directive for JustGage (https://github.com/mattlaver/angular-justgage https://github.com/mattlaver/angular-justgage) a week or so back for a dashboard I was putting together and have been looking for some nice directives for charting to add to what I already had.

ErikAugust 13y ago

Put together one of these for the jQuery Flot Chart lib: https://github.com/ErikAugust/flang https://github.com/ErikAugust/flang Also shouted you out in the example for the inspiration to get off my butt and share it on GitHub.

lgsilver 13y ago
Erik, Awesome. I used Chart.js because it's come up a lot lately and is well documented, but Flot and the other more mature chart libs are probably better for most charting projects (read, allow dynamic data updates). Will try your wrapper today. - Lindsay
- ErikAugust 13y ago
  Thanks - right now I put up the <piechart> but soon will add the rest of the Flot library. I use Flot on a project dashboard and it does dynamic data updates nicely. Also, I really like what you did by moving not just the data but parts of the chart setup itself - that is something I'll incorporate into Flang as well. Thanks again.