Chart display background more than 1 color

5 posts, 0 answers
  1. PUAY
    PUAY avatar
    3 posts
    Member since:
    Feb 2016

    Posted 27 Mar Link to this post

    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.

     

  2. Marin Bratanov
    Admin
    Marin Bratanov avatar
    3595 posts

    Posted 28 Mar Link to this post

    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
    Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. PUAY
    PUAY avatar
    3 posts
    Member since:
    Feb 2016

    Posted 28 Mar Link to this post

    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.

    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

    <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>

     

    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>

  5. PUAY
    PUAY avatar
    3 posts
    Member since:
    Feb 2016

    Posted 28 Mar in reply to Marin Bratanov Link to this post

    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
    Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.

     

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

  6. Marin Bratanov
    Admin
    Marin Bratanov avatar
    3595 posts

    Posted 28 Mar Link to this post

    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
    Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017