How set height bar in radchart

Thread is closed for posting
6 posts, 0 answers
  1. Jan
    Jan avatar
    8 posts
    Member since:
    Mar 2012

    Posted 26 Mar 2012 Link to this post

    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
  2. Evgenia
    Admin
    Evgenia avatar
    1406 posts

    Posted 27 Mar 2012 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Jan
    Jan avatar
    8 posts
    Member since:
    Mar 2012

    Posted 27 Mar 2012 Link to this post

    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>
  5. Evgenia
    Admin
    Evgenia avatar
    1406 posts

    Posted 27 Mar 2012 Link to this post

    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.
  6. Jan
    Jan avatar
    8 posts
    Member since:
    Mar 2012

    Posted 02 Apr 2012 Link to this post

    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>
  7. Evgenia
    Admin
    Evgenia avatar
    1406 posts

    Posted 05 Apr 2012 Link to this post

    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.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017