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();
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
0
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,
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
Rank 1
answered on 21 Aug 2014, 03:04 PM
thanks a million, that worked like a charm.