I am using a xamWEbChart 10.3 in a SL4 app.
I have a stacked bar chart with 20 horizontal bars. My user would like to see bar 1 and bar 2 grouped so that they are touching, then a space, then bar 3 and 4 touching, etc.
Is there any way to do this?
Steven
Yes, you can accomplish this by adding two Series to the SeriesCollection. This will group the bars so that they are touching.
<Grid x:Name="LayoutRoot" Background="White"> <igChart:XamWebChart> <igChart:XamWebChart.Series> <igChart:Series ChartType="Column"> <igChart:Series.DataPoints> <igChart:DataPoint Value="10" Label="A" /> <igChart:DataPoint Value="20" Label="B" /> <igChart:DataPoint Value="30" Label="C" /> </igChart:Series.DataPoints> </igChart:Series> <igChart:Series ChartType="Column"> <igChart:Series.DataPoints> <igChart:DataPoint Value="40" Label="A" /> <igChart:DataPoint Value="50" Label="B" /> <igChart:DataPoint Value="60" Label="C" /> </igChart:Series.DataPoints> </igChart:Series> </igChart:XamWebChart.Series> </igChart:XamWebChart>
I am not sure that I explained myself properly. I have stacked the data series properly but I need to have the vertical space (on a horizontal stacked bar chart) between every other bar removed. That way I have two bars (each having two series worth of data) then a space then two more bars, etc.