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 <ChartStriplineStart="30" End="40" Text="Segment1" Color="#ff512f" Visible="true"> <ChartStriplineTextStyleSize="18px" Color="#ffffff"FontWeight="600">ChartStriplineTextStyle> <ChartStriplineBorderWidth="0">ChartStriplineBorder> <ChartStriplineStart="20" End="30" Text="Segment2" Color="#fc902a" Visible="true"> <ChartStriplineTextStyleSize="18px" Color="#ffffff"FontWeight="600">ChartStriplineTextStyle> <ChartStriplineBorderWidth="0">ChartStriplineBorder> <ChartStriplineStart="10" End="20" Text="Segment3" Color="#f9d423" Visible="true"> <ChartStriplineTextStyleSize="18px" Color="#ffffff"FontWeight="600">ChartStriplineTextStyle> <ChartStriplineBorderWidth="0">ChartStriplineBorder> // add your additional code here |
Find the sample for to display quadrants in Scatter chart fromhere.