How to add custom TrendLine in Chart

4 Oct 2018 / 2 minutes to read

TrendLines are used to draw lines in the ChartArea. They can be added to the chart using the TrendLineAdder class.

TrendLines can also be drawn using the Mouse Events. In this case, you will have to make use of the Utility class to listen to mouse events and convert them into trendlines. You can draw any number of trendlines, and can set different colors to differentiate them.

// Creating Custom Points

ChartPoint ptStart = this.chart.ChartArea.GetValueByPoint(start);

ChartPoint ptEnd = this.chart.ChartArea.GetValueByPoint(end);

ChartSeries series = this.chart.Model.NewSeries("TrendLine", ChartSeriesType.Line);




series.LegendItem.Visible = false;

// Specify the color for the lines.

series.Style.Interior = new Syncfusion.Drawing.BrushInfo(ptStart.YValues[0] < ptEnd.YValues[0] ? Color.DarkGreen : Color.Red);
' Creating Custom Points

Dim tLineAdder As TrendLineAdder

Dim ptStart As ChartPoint = Me.chart.ChartArea.GetValueByPoint(start)

Dim ptEnd As ChartPoint = Me.chart.ChartArea.GetValueByPoint(end_Renamed)

Dim series As ChartSeries = Me.chart.Model.NewSeries("TrendLine", ChartSeriesType.Line)




series.LegendItem.Visible = False

' Specify the color for the lines.

If ptStart.YValues(0) < ptEnd.YValues(0) Then

series.Style.Interior = New Syncfusion.Drawing.BrushInfo(Color.DarkGreen)


series.Style.Interior = New Syncfusion.Drawing.BrushInfo(Color.Red)

End If

Chart Trendline