Example of Strip Line in Angular Chart Component

This sample displays the changes in wind speed and gust with stripline feature.

Wind Speed and Gust (km/h)WorldWeatherOnline.comCalmLight AirLight BreezeGentle BreezeModerate BreezeFresh BreezeWind Speed (km/h)Wind Gust (km/h)
Description

In this example, you can see how to render and configure a strip line for the chart. Use the start and end properties in the chartStripline option to add a strip line to an axis. Additionally, the title for the chart can be positioned anywhere in the chart by using the position property in titleStyle.

Tooltips are enabled in this example. To see a tooltip in action, hover over or tap on the chart.

Injecting Module

Chart component features are segregated into individual feature-wise modules. To use strip line, we need to inject StripLineService into the @NgModule.providers section.

More information on the strip line can be found in this documentation section.