Chart display background more than 1 color

[PUAY]

Hi, everyone.

 

I want to use RadHtmlChart -> ' Scatter Chart ' to make "nine grid model" to show my record from DataSource and so... I have make it like '9grid_original.PNG' then I want to display background like '9grid_want.PNG'.

 

Have RadHtmlChart have any method or any styling features to display background like '9grid_want.PNG' (that pic edit with paint)

Or I shoud use Div and any CSS to make it than RadHtmlChart Function?

 

Thanks for every suggestion and Sorry about my weird English.

 

[Marin Bratanov]

Hi,

The closest feature is called Plot Bands and you can see how to use it in the following article: http://docs.telerik.com/devtools/aspnet-ajax/controls/htmlchart/functionality/plot-bands. Note, however, that it draws a colored section across the entire chart and does not create a single rectangle. Thus, you may want to play around with colors and opacity to see if you can get the desired appearance.

Regards,

Marin Bratanov
Telerik

[PUAY]

[quote]The closest feature is called Plot Bands and you can see how to use it in the following article: http://docs.telerik.com/devtools/aspnet-ajax/controls/htmlchart/functionality/plot-bands. Note, however, that it draws a colored section across the entire chart and does not create a single rectangle. Thus, you may want to play around with colors and opacity to see if you can get the desired appearance.[/quote]

I have test this feature, it look like what I want to do but I have a question 

 

Is Plot Bands can specific range like

'From X = 0 To X = 30 and From Y = 0 To Y = 30 Color = red? (like Ordered pair in Math (0,0) (30,30) ) '

and another like (31,31) (60,60) Color = Blue   etc.

 

If look Like my pic it make with this code

[quote]

<XAxis>

 <PlotBands>
   <telerik:PlotBand From="0" To="33.33" Color="Red" Alpha="100" />
   <telerik:PlotBand From="33.34" To="66.66" Color="Yellow" Alpha="100" />
   <telerik:PlotBand From="66.67" To="100" Color="Green" Alpha="100" />
 </PlotBands>

</XAxis>

<YAxis>

 <PlotBands>
   <telerik:PlotBand From="0" To="33.33" Color="Red" Alpha="100" />
   <telerik:PlotBand From="33.34" To="66.66" Color="Yellow" Alpha="100" />
   <telerik:PlotBand From="66.67" To="100" Color="Green" Alpha="100" />
 </PlotBands>
</YAxis>

[/quote]

 

And So... It's Color will mix because it Overlap each other but the Color that appear is so weird. :( 

or I have to change the alpha to make it better?

<XAxis>

</XAxis>

[PUAY]

[quote]Marin Bratanov said:

Hi,

The closest feature is called Plot Bands and you can see how to use it in the following article: http://docs.telerik.com/devtools/aspnet-ajax/controls/htmlchart/functionality/plot-bands. Note, however, that it draws a colored section across the entire chart and does not create a single rectangle. Thus, you may want to play around with colors and opacity to see if you can get the desired appearance.

Regards,

Marin Bratanov
Telerik

[/quote]

 

So Sorry , I didn't notice that have 'Reply' Button below your post :(

[Marin Bratanov]

Hello,

The fact that the color will mix is what I meant when I said you will need to play with the colors. I do hope that you will be able to find a combination of values and opacity that will suit your needs.

Regards,

Marin Bratanov
Telerik