Completed
Last Updated: 22 Dec 2015 17:20 by Ali
ADMIN
Danail Vasilev
Created on: 29 Apr 2013 13:51
Category: HtmlChart
Type: Feature Request
5
ADD the ability to control the gap and spacing between the Column/Bar Series in RadHtmlChart
This can be done by exposing a spacing property for the particular Series. 

For the time being mentioned properties can be set on the client through the chartObject of the RadHtmlChart:
JavaScript:
	<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
		<script type="text/javascript">
			function ChangeSpace() {
				var chart = $find("<%=ColumnChart.ClientID%>");
				chart._chartObject.options.series[0].spacing = 0.9;
				chart.repaint();
			}

			function ChangeGap() {
				var chart = $find("<%=ColumnChart.ClientID%>");
				chart._chartObject.options.series[0].gap = 10;
				chart.repaint();
			}
		</script>
	</telerik:RadCodeBlock>
ASPX:
		<telerik:RadButton ID="RadButton1" runat="server" AutoPostBack="false" Text="Change Space" OnClientClicked="ChangeSpace" />
		<telerik:RadButton ID="RadButton2" runat="server" AutoPostBack="false" Text="Change Gap" OnClientClicked="ChangeGap" />
		<telerik:RadHtmlChart runat="server" ID="ColumnChart" Transitions="true">
....
		</telerik:RadHtmlChart>
6 comments
Ali
Posted on: 22 Dec 2015 17:20
nice but can i change series labelapearance rotation in radhtmlchart through javascript;
Lane
Posted on: 12 Dec 2013 23:59
I would like to control not only the gap or spacing, but the width of the bars themselves.
Robert Veach
Posted on: 14 Nov 2013 16:25
I would really like this also.
Jürgen
Posted on: 23 Oct 2013 12:50
Want this capability very much, too
Sean Drun
Posted on: 23 Jul 2013 16:57
Want this capability very much
P.J. Keukens
Posted on: 11 Jul 2013 14:21
would be nice to be able to set the spacing to zero for stacked barcharts so the coulmns touch eacother on the sides