How to display quadrants in Scatter Chart

Answer:

We can display quadrants in Scatter chart by using stripline property in the primaryXAxis and primaryYAxis tag respectively. Here is the code snippet for your reference.

// add your additional code here

<SfChartTitle="Weather Report">

// add your additional code here

<ChartStriplines>

<ChartStriplineStart="30" End="40" Text="Segment1" Color="#ff512f" Visible="true">

<ChartStriplineTextStyleSize="18px" Color="#ffffff"FontWeight="600">ChartStriplineTextStyle>

<ChartStriplineBorderWidth="0">ChartStriplineBorder>

ChartStripline>

<ChartStriplineStart="20" End="30" Text="Segment2" Color="#fc902a" Visible="true">

<ChartStriplineTextStyleSize="18px" Color="#ffffff"FontWeight="600">ChartStriplineTextStyle>

<ChartStriplineBorderWidth="0">ChartStriplineBorder>

ChartStripline>

<ChartStriplineStart="10" End="20" Text="Segment3" Color="#f9d423" Visible="true">

<ChartStriplineTextStyleSize="18px" Color="#ffffff"FontWeight="600">ChartStriplineTextStyle>

<ChartStriplineBorderWidth="0">ChartStriplineBorder>

ChartStripline>

ChartStriplines>

// add your additional code here

SfChart>


Find the sample for to display quadrants in Scatter chart fromhere.


Loader.
Up arrow icon