How to draw straight lines in chart

[kevinxxq]

Hi There,
I would like to draw one or more straight lines in the chart:

The lines intend to indicate the standard(or expectations) of series, so it would be better to add a list to the StackedLineSeries:

listStraightLine:<num>[num1,num2],
or something more complex for custom settings like StraightLine(color, width, dash) and so on.

Thank you.

[natrayansf]

Hi @kevinxxq,

Greetings from Syncfusion.

We have validated your query and you can achieve your requirement ‘Draw one or more straight lines in the chart’ by using the PlotBand feature which is available in chart axis. PlotBand renders below the series by default, however, you can change its rendering order with help of shouldAlwaysAboveSeries property. Please refer to the following code snippet.

SfCartesianChart(
     primaryYAxis: NumericAxis(
           plotBands: <PlotBand>[
               PlotBand(
                   isVisible: true,
                   start: 95,
                   end: 95,
                   borderWidth: 2,
                   borderColor: Colors.black,
                   shouldRenderAboveSeries: true,
              ),
              PlotBand(
                   isVisible: true,
                   start: 105,
                   end: 105,
                   borderWidth: 2,
                   borderColor: Colors.black,
                   shouldRenderAboveSeries: true,
              ),
         ],
    ),
)

Screenshot:

Please check with the above solution and get back to us if you need further assistance.

Thanks,
Natrayan