RadChart.

Thread is closed for posting
2 posts, 0 answers
  1. Gautam
    Gautam avatar
    2 posts
    Member since:
    Mar 2012

    Posted 03 Mar 2012 Link to this post

    Hi

    Please let me know can i make a chart similar to attached one.

    I need exactly the same.

    Please let me know how can i implement this.

    Thanks
    Gautam
  2. Yavor
    Admin
    Yavor avatar
    11 posts

    Posted 08 Mar 2012 Link to this post

    Hi,

    You can achieve a similar look by using positive and negative values, with bars and horizontal orientation. The code below demonstrates one similar approach:
    <telerik:RadChart ID="RadChart1" runat="server" SeriesOrientation="Horizontal">
                           <PlotArea>
                               <XAxis MaxValue="5" MinValue="1" Step="1">
                               </XAxis>
                               <YAxis MaxValue="3" Step="0.5" AxisMode="Extended">
                               </YAxis>
                               <YAxis2 MaxValue="5" MinValue="-10" Step="1">
                               </YAxis2>
                           </PlotArea>
                           <Series>
                               <telerik:ChartSeries Name="Series 1" Type="Bar">
                                   <Appearance>
                                       <FillStyle >
                                       </FillStyle>
                                   </Appearance>
                                   <Items>
                                       <telerik:ChartSeriesItem YValue="-1" Name="Item 1">
                                       </telerik:ChartSeriesItem>
                                       <telerik:ChartSeriesItem YValue="-2" Name="Item 2">
                                       </telerik:ChartSeriesItem>
                                       <telerik:ChartSeriesItem YValue="-1" Name="Item 3">
                                       </telerik:ChartSeriesItem>
                                       <telerik:ChartSeriesItem YValue="-3" Name="Item 4">
                                       </telerik:ChartSeriesItem>
                                       <telerik:ChartSeriesItem YValue="-2" Name="Item 5">
                                       </telerik:ChartSeriesItem>
                                   </Items>
                               </telerik:ChartSeries>
                               <telerik:ChartSeries Name="Series 2">
                                   <Appearance>
                                       <FillStyle >
                                       </FillStyle>
                                   </Appearance>
                                   <Items>
                                       <telerik:ChartSeriesItem YValue="3" Name="Item 1">
                                       </telerik:ChartSeriesItem>
                                       <telerik:ChartSeriesItem YValue="1" Name="Item 2">
                                       </telerik:ChartSeriesItem>
                                       <telerik:ChartSeriesItem YValue="3" Name="Item 3">
                                       </telerik:ChartSeriesItem>
                                       <telerik:ChartSeriesItem YValue="1" Name="Item 4">
                                       </telerik:ChartSeriesItem>
                                       <telerik:ChartSeriesItem YValue="2" Name="Item 5">
                                       </telerik:ChartSeriesItem>
                                   </Items>
                               </telerik:ChartSeries>
                           </Series>
                       </telerik:RadChart>

    I hope this gets you started properly.

    Kind regards,
    Yavor
    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