Radchart Series Issue

Thread is closed for posting
2 posts, 0 answers
  1. Susi
    Susi avatar
    40 posts
    Member since:
    Jul 2012

    Posted 29 Nov 2012 Link to this post

    Hi All,
     
    I have radchart with multiple series and one series is adopt with bar chart and second series is adopt with line chart. line chart series coming from second Y-Axis. My need is from this line chart should not be display behind bar chart.

    I need to display line chart above bar chart. But in default barchart overrides line chart.

    How to solve this?

    Thanks in Advance..
  2. Evgenia
    Admin
    Evgenia avatar
    1407 posts

    Posted 03 Dec 2012 Link to this post

    Hi Susi,

     Please note that series are visualized in the same order they are added to Series collection. Since you added Bar series first - it is expected the line to be seen above the bars. The onliest thing you need to do to have the bars above the line is to add the line first. For example:

    <telerik:RadChart ID="RadChart1" runat="server" Width="480px" Height="290px">
               <Series>
                   <telerik:ChartSeries Name="Series 2" YAxisType="Secondary" Type="Line">
                       <Appearance>
                           <FillStyle MainColor="Red">
                           </FillStyle>
                       </Appearance>
                       <Items>
                           <telerik:ChartSeriesItem YValue="10" Name="Item 1">
                           </telerik:ChartSeriesItem>
                           <telerik:ChartSeriesItem YValue="20" Name="Item 2">
                           </telerik:ChartSeriesItem>
                           <telerik:ChartSeriesItem YValue="40" Name="Item 3">
                           </telerik:ChartSeriesItem>
                           <telerik:ChartSeriesItem YValue="30" Name="Item 4">
                           </telerik:ChartSeriesItem>
                           <telerik:ChartSeriesItem YValue="50" Name="Item 5">
                           </telerik:ChartSeriesItem>
                       </Items>
                   </telerik:ChartSeries>
                         <telerik:ChartSeries Name="Series 1" Type="bar">
                       <Items>
                           <telerik:ChartSeriesItem YValue="1" Name="Item 1">
                           </telerik:ChartSeriesItem>
                           <telerik:ChartSeriesItem YValue="2" Name="Item 2">
                           </telerik:ChartSeriesItem>
                           <telerik:ChartSeriesItem YValue="4" Name="Item 3">
                           </telerik:ChartSeriesItem>
                           <telerik:ChartSeriesItem YValue="3" Name="Item 4">
                           </telerik:ChartSeriesItem>
                           <telerik:ChartSeriesItem YValue="5" Name="Item 5">
                           </telerik:ChartSeriesItem>
                       </Items>
                   </telerik:ChartSeries>
               </Series>
           </telerik:RadChart>

    Regards,
    Evgenia
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top