Bar chart without gaps

Hi,

In my app I have a chart with 2 ColumnSeries. 

QUESTION 1:
The chart is rendered with gaps between the ColumnSeries (see attachment). Is it possible to remove the gaps? 

QUESTION 2:
Is it possible to position the ColumnSeries behind each other (the idea is to make the color of the front ColumnSeries a bit transparant so you can still see both ColumnSeries)?

Attachment: Gaps_dbf56844.rar

3 Replies

DV Divya Venkatesan Syncfusion Team January 30, 2018 12:33 PM UTC

Hi Vince, 
 
Regarding “The chart is rendered with gaps between the ColumnSeries . Is it possible to remove the gaps? ” 
 
You can remove the gaps between the columns by setting Width property of ColumnSeries as 1 as shown in the below code snippet. 
 
series.Width = 1; 
 
 
Regarding “Is it possible to position the ColumnSeries behind each other (the idea is to make the color of the front ColumnSeries a bit transparant so you can still see both ColumnSeries)?” 
 
You can position the ColumnSeries behind each other setting SideBySideSeriesPlacement property of SfChart as false as shown in the below code snippet. 
 
chart.SideBySideSeriesPlacement = false; 
 
 
Please let us know, if you need any further assistance. 
 
Regards, 
Divya Venkatesan 
 



VI Vince January 30, 2018 02:48 PM UTC

Hi Divya,

It works. Thanks!


DV Divya Venkatesan Syncfusion Team January 31, 2018 08:43 AM UTC

Hi Vince,

Thanks for the update. We are glad to know that the given solution works.

Please let us know if you need any further assistance.

Regards,
Divya Venkatesan

Loader.
Up arrow icon