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

Space Between Bars in Bar Chart

2 Answers 70 Views
Chart (HTML5)
This is a migrated thread and some comments may be shown as answers.
Joseph
Top achievements
Rank 1
Joseph asked on 21 Aug 2014, 03:31 AM
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 Answers, 1 is accepted

Sort by
0
Marin Bratanov
Telerik team
answered on 21 Aug 2014, 12:35 PM

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.

 
0
Joseph
Top achievements
Rank 1
answered on 21 Aug 2014, 03:04 PM
thanks a million, that worked like a charm.
Tags
Chart (HTML5)
Asked by
Joseph
Top achievements
Rank 1
Answers by
Marin Bratanov
Telerik team
Joseph
Top achievements
Rank 1
Share this question
or