Trendlines
Trendlines (or trend lines) are automatically generated indicators that show the overall trends in the series data. They are defined as a special type of series that are linked to the main series by name.
Trendline Types
The Chart supports the following types of trendlines - Linear Trendline and Moving Average Trendline.
Linear Trendline
A linear trendline is usually used to show if a particular quantity is increasing or decreasing in time.
The following example demonstrates how to create a linear trendline for Categorical series.
<div id="chart"></div>
<script>
$("#chart").kendoChart({
series: [
{
name: "World",
data: [15.7, 16.7, 20, 23.5, 26.6]
},
{
name: 'Sales Forecast (LINEAR)',
type: 'linearTrendline', // linearTrendline, movingAverageTrendline
for: 'World',
color:"lime"
}
],
tooltip: {
visible: true,
shared: true
},
categoryAxis: {
categories: [2005, 2006, 2007, 2008, 2009]
}
});
</script>
Moving Average Trendline
The moving average trendline is used to smooth out the variations in the data by averaging all points in a period. By default, the period is set to 2 chart intervals.
The following example demonstrates how to create a moving average trendline for Categorical series.
<div id="chart"></div>
<script>
$("#chart").kendoChart({
series: [
{
name: "World",
data: [15.7, 16.7, 20, 23.5, 26.6]
},
{
name: 'Sales Forecast (Moving AVG.)',
type: 'movingAverageTrendline', // linearTrendline, movingAverageTrendline
for: 'World',
color:"lime"
}
],
tooltip: {
visible: true,
shared: true
},
categoryAxis: {
categories: [2005, 2006, 2007, 2008, 2009]
}
});
</script>
Data Binding
Trendline series use the data from the main series and do not support binding to a different data set.
Date Series and Aggregates
If the main series is using aggregates, as is most common for Date Series, the trendlines will bind to the aggregated data. For example, if you're using a "sum" aggregate, the trendline will plot the trend for the sums in each category.
Supported Series Types
Trendlines are supported for the following chart types:
"area""bar""boxPlot""bubble""bullet""candlestick""column""horizontalWaterfall""line""ohlc""pie""polarArea""polarLine""polarScatter""radarArea""radarColumn""radarLine""rangeArea""rangeBar""rangeColumn""scatter""scatterLine""verticalArea""verticalBoxPlot""verticalBullet""verticalLine""verticalRangeArea""waterfall"