This is a migrated thread and some comments may be shown as answers.

RadChart.

1 Answer 68 Views
Chart (Obsolete)
This is a migrated thread and some comments may be shown as answers.
Gautam
Top achievements
Rank 1
Gautam asked on 03 Mar 2012, 12:46 PM
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

1 Answer, 1 is accepted

Sort by
0
Yavor
Telerik team
answered on 08 Mar 2012, 07:48 AM
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.
Tags
Chart (Obsolete)
Asked by
Gautam
Top achievements
Rank 1
Answers by
Yavor
Telerik team
Share this question
or