We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
close icon

How to paint a region on a chart

I have a scatter chart that is bound to some data.  I want to shade in a region of the chart.  Is this possible?

Thanks,
Jared

4 Replies

KV Karthikeyan V Syncfusion Team May 23, 2013 06:52 AM UTC

Hi Jared,

 

Thanks for using the Syncfusion products.

 

We have analyzed your query and your requirement can be achieved by using “GridBackground” property of ChartArea.

 

Code snippet [XAML]:

 

<syncfusion:ChartArea GridBackground="Aqua" >

 

We have prepared the sample based on this and you can download the sample in the following location.

 

Note : If the above suggestion does not suits your requirement, then please provide us more information or snapshots to illustrate your requirement.

 

Please let us know if you have require any further assistance on this.

 

Regards,

Karthikeyan V.



PaintGridBackground_b073d53b.zip


JS Jared Stokes May 28, 2013 09:54 PM UTC

Thanks, I was able to get it working.  One quick follow up question:  Is there a way to make a chart area's interior have some transparency to it?

Thanks,
Jared


JS Jared Stokes May 28, 2013 09:55 PM UTC

Just to clarify, like on a specific chart series.  Say like a chart area graph where the chart area is green with 80% opacity.


KV Karthikeyan V Syncfusion Team June 3, 2013 07:14 AM UTC

Hi Jared,

Thanks for the update.

Query 1: chart area's interior have some transparency to it?

We have analyzed the reported query. You can achieve your requirement by applying below code snippet.

Code snippet [XAML]:

<syncfusion:ChartArea   Background="Transparent" />

Query 2: like on a specific chart series.  Say like a chart area graph where the chart area is green with 80% opacity.

Your requirement can be achieved by applying the below code snippet.

Code snippet [XAML]:

<syncfusion:ChartSeries.Interior>

      <SolidColorBrush Color="Green" Opacity="0.8" />

</syncfusion:ChartSeries.Interior>

We have prepared the sample based on this. You can download the sample in the following location.

Please let us know if you have require any further assistance on this.

Regards,

Karthikeyan V.



SeriesSegmentOpacity_9948423a.zip

Loader.
Live Chat Icon For mobile
Up arrow icon