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();
                BarChart.DataBind();

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

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

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

                                  <TooltipsAppearance Color="White" />

                             </telerik:BarSeries>

                        </Series>

                        <XAxis DataLabelsField="Horse">

                             <TitleAppearance Text="Horses">

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

                             </TitleAppearance>                        

                             <MajorGridLines Visible="false" />

                             <MinorGridLines Visible="false" />

                        </XAxis>

                        <YAxis>
                            
                             <TitleAppearance Text="">

                                  <TextStyle Margin="20" />

                             </TitleAppearance>

                             <MinorGridLines Visible="false"/>

                        </YAxis>

                   </PlotArea>

                   <ChartTitle Text="">

                   </ChartTitle>

                   </telerik:RadHtmlChart>
  2. Marin Bratanov
    Admin
    Marin Bratanov avatar
    3600 posts

    Posted 21 Aug 2014 Link to this post

    Hi Joseph,

    The following help article explains the available options: http://www.telerik.com/help/aspnet-ajax/htmlchart-appearance-gap-and-spacing.html. Decreasing the gap and spacing between series will make the bars wider because they take up the available space in the plot area.


    Regards,

    Marin Bratanov
    Telerik
     

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