Separate columns

[Juan]

Hello.

Following the link demo:

https://ej2.syncfusion.com/16.2.41/angular/demos/#/material/chart/column

Can the columns of each country be separated?

Regards.

[Baby Palanidurai]

Hi Juan, 

Thanks for using syncfusion products, 

We have analyzed your query. To add space between the two columns, use columnSpacing property in the series options. By default columnSpacing is zero. It takes values from 0 to 1. Please find  the below code snippet to achieve your requirement, 

<ejs-chart > 

            <e-series-collection> 

                <e-series  type=Column columnSpacing=0.5 > </e-series> 

                <e-series  type=Column columnSpacing=0.5 > </e-series> 

            </e-series-collection> 

        </ejs-chart> 

Screenshot: 

 

Sample for your reference, can be find from below link, 

https://stackblitz.com/edit/angular-twk1gu?file=src/app/app.component.html 

If the above sample doesn’t meet your requirement, kindly revert us with more information about the requirement which will be helpful in further more analysis and provide you the solution sooner. 

Thanks, 

Baby. 

[Juan]

Perfect!

Works perfect!

Thanks very much!

[Baby Palanidurai]

Hi Juan, 

Thanks for your update, 

   Please let us know if you need any further assistance on this. 

Thanks, 

Baby.