Space Between Bars in Bar Chart

3 posts, 0 answers
  1. Joseph
    Joseph avatar
    5 posts
    Member since:
    Jul 2013

    Posted 20 Aug 2014 Link to this post

    How do I decrease the space between bars and or increase the widths of the bars.

    I am binding to date in code behind

                BarChart.DataSource = GetChartData();

                      <telerik:RadHtmlChart runat="server" ID="BarChart" Width="800px" Height="200px" >

                             <telerik:BarSeries DataFieldY="Wagers" ColorField="ColorField">

                                 <LabelsAppearance DataFormatString="{0}%" Position="OutsideEnd"></LabelsAppearance>

                                  <TooltipsAppearance Color="White" />



                        <XAxis DataLabelsField="Horse">

                             <TitleAppearance Text="Horses">

                                  <TextStyle Margin="20" Bold="true" FontSize="18" />


                             <MajorGridLines Visible="false" />

                             <MinorGridLines Visible="false" />


                             <TitleAppearance Text="">

                                  <TextStyle Margin="20" />


                             <MinorGridLines Visible="false"/>



                   <ChartTitle Text="">


  2. Marin Bratanov
    Marin Bratanov avatar
    3907 posts

    Posted 21 Aug 2014 Link to this post

    Hi Joseph,

    The following help article explains the available options: Decreasing the gap and spacing between series will make the bars wider because they take up the available space in the plot area.


    Marin Bratanov

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

  3. Joseph
    Joseph avatar
    5 posts
    Member since:
    Jul 2013

    Posted 21 Aug 2014 in reply to Marin Bratanov Link to this post

    thanks a million, that worked like a charm.
Back to Top