New to Kendo UI for jQuery? Start a free 30-day trial

Series.trendline.forecast

configuration

The trendline forecast settings. By default, the trendline does not display a forecast.

The forecast option is supported when series.type is set to "linearTrendline", "exponentialTrendline", "logarithmicTrendline" or "powerTrendline" and the parent series are either Date Series, "scatter" or "scatterLine" series.

series.trendline.forecast

Object

  <div id="chart"></div>
<script>
$("#chart").kendoChart({
  dataSource: {
    data: [
      {
          period: "2021 Q1",
          date: new Date(2021, 0, 1),
          count: 669590.0
      },
      {
          period: "2021 Q2",
          date: new Date(2021, 3, 1),
          count: 793564.0
      },
      {
          period: "2021 Q3",
          date: new Date(2021, 6, 1),
          count: 941133.0
      },
      {
          period: "2021 Q4",
          date: new Date(2021, 9, 1),
          count: 1133020.0
      }
    ]
  },
  series: [{
    name: "Sales By Quarter",
    type: "line",
    field: "count",
    categoryField: "date"
  }, {
    name: "Sales Trend",
    type: "linearTrendline",
    for: "Sales By Quarter",
    trendline: {
      forecast: {
        before: 3,
        after: 5
      }
    }
  }]
});
</script>

series.trendline.forecast.after

Number

The number of intervals to extend the trendline after the last data point.

Default: 0

<div id="chart"></div>
<script>
$("#chart").kendoChart({
  series: [{
    type: "scatter",
    data: [[1, 2], [2, 3], [3, 4], [4, 5]],
    trendline: {
      type: "linear",
      forecast: {
        after: 3
      }
    }
  }]
});
</script>

series.trendline.forecast.before

Number

The number of intervals to extend the trendline before the first data point.

Default: 0

<div id="chart"></div>
<script>
$("#chart").kendoChart({
  series: [{
    type: "scatter",
    data: [[1, 2], [2, 3], [3, 4], [4, 5]],
    trendline: {
      type: "linear",
      forecast: {
        before: 2
      }
    }
  }]
});
</script>