|
Description: This article describes how to add space between multiple series segments that share the same data point and the same x-axis. Solution: The spacing between multiple series segments can be achieved using the SegmentSpacing property of the series. The following code example demonstrates this. XAML <syncfusion:ColumnSeries Label="ColumnSeries1"
ItemsSource="{Binding Computers}"
XBindingPath="Computer"
YBindingPath="Year2013"
<!—Sets the SegmentSpacing-->
SegmentSpacing="0.5"/>
<syncfusion:ColumnSeries Label="ColumnSeries2"
ItemsSource="{Binding Computers}"
XBindingPath="Computer"
YBindingPath="Year2014"
SegmentSpacing="0.5" />
C# (sampleChart.Series[0] as ColumnSeries).SegmentSpacing = 0.5; (sampleChart.Series[1] as ColumnSeries).SegmentSpacing = 0.5; The following screenshot illustrates the spacing applied between the segments of the same data point. Output
Figure 1: SfChart with multiple ColumnSeries segments spaced at the same point. |
2X faster development
The ultimate UWP UI toolkit to boost your development speed.
This page will automatically be redirected to the sign-in page in 10 seconds.
You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.
