How can I make a multi-colored background?

2 posts, 0 answers
  1. Nathan
    Nathan avatar
    5 posts
    Member since:
    Jun 2018

    Posted 22 Jun 2018 Link to this post

    I'm interested in changing the background of the plotting area to a custom background where the top half is one color and the bottom half is another color.  I've attached an image demonstrating the desired effect, though in the image the colors are "on-top" of the points, where I'd like them to be below.  How might I achieve this with Telerik's RadChartView?



  2. Dess | Tech Support Engineer, Sr.
    Dess | Tech Support Engineer, Sr.  avatar
    4086 posts

    Posted 25 Jun 2018 Link to this post

    Hello, Nathan,   

    By design, RadChartView renders a ChartGrid when the CartesianArea.ShowGrid property is set to true. The CartesianArea.Grid exposed several properties that you can customize the style of the background grid behind the series. However, it allows you to alternate the colors. In case you need to achieve the illustrated result on the screenshot, you can use CartesianPlotBandAnnotations. Thus, you can specify the values ranges of the two annotations and the color you want to be used for filling the area. Additional information for the CartesianPlotBandAnnotations is available here:

    I hope this information helps. If you have any additional questions, please let me know. 

    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top