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

How set height bar in radchart

5 Answers 152 Views
Chart (Obsolete)
This is a migrated thread and some comments may be shown as answers.
Jan
Top achievements
Rank 1
Jan asked on 26 Mar 2012, 10:59 PM
Hi,
please tell me someone how i set height bar on 10 percent total height?
I have now in http://postimage.org/image/w474sir2t/ 

thank you

5 Answers, 1 is accepted

Sort by
0
Evgenia
Telerik team
answered on 27 Mar 2012, 09:15 AM
Hi Jan,

Set the BarWidthPercent property to 10 in this case.

Greetings,
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.
0
Jan
Top achievements
Rank 1
answered on 27 Mar 2012, 10:34 AM
Where I find  BarWidthPercent  in ascx?
<telerik:RadChart ID="rchartStudents" runat="server" Skin="WebBlue" AutoLayout="True"
                            Width="680px" SeriesOrientation="Horizontal">
                            <Series>
                                <telerik:ChartSeries DataYColumn="Value">
                                </telerik:ChartSeries>
                            </Series>
                            <PlotArea>
                                <XAxis DataLabelsColumn="Key" MaxValue="10" Step="5">
                                </XAxis>
                                <YAxis MinValue="0" MaxValue="100" AutoScale="False" Step="10">
                                </YAxis>
                            </PlotArea>
                            <ChartTitle>
                                <TextBlock Text="Úspěšnost studentů v testu">
                                </TextBlock>
                            </ChartTitle>
                        </telerik:RadChart>
0
Evgenia
Telerik team
answered on 27 Mar 2012, 12:16 PM
Hi,

BarOverLapPercent and BarWidthPercent properties should be set directly to the chart:

<telerik:RadChart BarWidthPercent="10" ID="rchartStudents" runat="server" Skin="WebBlue" AutoLayout="True"
...
/>

Kind 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.
0
Jan
Top achievements
Rank 1
answered on 02 Apr 2012, 10:46 PM
Hi I try it, but don´t work.
Please any idea why?
<telerik:RadChart BarWidthPercent="10"  ID="rchartStudents" runat="server" Skin="WebBlue" AutoLayout="True"
                          Width="680px" SeriesOrientation="Horizontal">
                          <Series>
                              <telerik:ChartSeries DataYColumn="Value">
                              </telerik:ChartSeries>
                          </Series>
                          <PlotArea>
                              <XAxis DataLabelsColumn="Key" MaxValue="10" Step="5">
                              </XAxis>
                              <YAxis MinValue="0" MaxValue="100" AutoScale="False" Step="10">
                              </YAxis>
                          </PlotArea>
                          <ChartTitle>
                              <TextBlock Text="Úspěšnost studentů v testu">
                              </TextBlock>
                          </ChartTitle>
                      </telerik:RadChart>
0
Evgenia
Telerik team
answered on 05 Apr 2012, 12:33 PM
Hi Jan,

Apologies for misleading you. In your case where you have a single bar you should  use series.Appearance.BarWidthPercent property to control its Width. For example:
<telerik:RadChart ID="rchartStudents" runat="server" Skin="WebBlue"
       AutoLayout="True" Width="680px" SeriesOrientation="Horizontal">
       <Series>
           <telerik:ChartSeries>
            <Appearance BarWidthPercent="10"></Appearance
               <Items>
                   <telerik:ChartSeriesItem YValue="33" />
               </Items>
           </telerik:ChartSeries>
       </Series>
       <PlotArea>
           <YAxis MinValue="0" MaxValue="100" AutoScale="False" Step="10">
           </YAxis>
       </PlotArea>
       <ChartTitle>
           <TextBlock Text="Úspěšnost studentů v testu">
           </TextBlock>
       </ChartTitle>
   </telerik:RadChart>

The result is shown on the image below.

Greetings,
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.
Tags
Chart (Obsolete)
Asked by
Jan
Top achievements
Rank 1
Answers by
Evgenia
Telerik team
Jan
Top achievements
Rank 1
Share this question
or