Example of Trendlines in React Chart Component


This sample visualizes the trend of Indian rupees and US dollar variation with trendline in the chart. The type of trend line can be changed by using TrendLine Type, forward and backward forecasting of trendlines can be changed by Forward Forecasting and Backward Forecast respectively. Polynomial and period for a trendlines can be changed by using Polynomial order and Period.

More Details...


In this example, you can see how to render and configure the Trend line type charts. Trend line type chart is used to represent the price movements in stock. You can use border, fill properties to customize the vertical rect.

Tooltip is enabled in this example, to see the tooltip in action, hover a point or tap on a point in touch enabled devices.

Injecting Module

Chart component features are segregated into individual feature-wise modules. To use Trend Line series, we need to inject Trendlines module into services.

More information on the TrendLines series can be found in this   documentation section.