O'Reilly logo

AngularJS UI Development by Matthias Nehlsen, Amit Gharat

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Chapter 6. Using Charts and Data-driven Graphics

In the previous chapter, we covered animations in AngularJS and the reason why $animate service exists in the first place to enable CSS or JavaScript animations seamlessly in AngularJS applications, which was not possible before. In this chapter, we will learn the benefits of using charts, how to implement them in AngularJS, and in the end, we will make it dynamic with real-world data to create a simple dashboard application.

We will cover the following topics in this chapter:

  • Creating a simple bar chart in pure CSS
  • Extending the same with static data and converting it into a widget using the AngularJS directives API
  • Using an open source alternative to our CSS-based chart and learning how charting libraries ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required