O'Reilly logo

Mastering Angular Components by Gion Kunz

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

Creating an open tasks chart

Let's take a look at the line chart that we're going to create:

Open tasks visualized with our tasks chart component, using Chartist's step interpolation

We will utilize the refactored rasterize function of the previous topic, and will use the new accumulate mode to track open task counts over time.

Let's use the Angular CLI tool to create our new tasks chart component:

ng generate component --spec false -ve none -cd onpush projects-dashboard/tasks-chart

Let's edit the component class, on the path src/app/projects-dashboard/tasks-chart/tasks-chart.component.ts, and change its content to the following:

import { ...

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