set gap between column.

[kinshuk4u4u]

Hello ,
I am creating column chart. i want to set gap between column i have set “dataPointWidth” but it set column width but i want to set gap between column .

Can you please let me know how can we set gap between column in column chart ?

Thanks & Regards
Kinshuk

[Bivek Singh]

@kinshuk4u4u,

We don’t have control over the gaps between columns directly, as of now. However, you can achieve the same by using dataPointWidth and varying the width of columns. You can also take a look at this JSFiddle for reference.

—-
Bivek Singh,
Team CanvasJS

[kinshuk4u4u]

Thanks Bhivek for the response . I have already checked this link but want to reduce gap. because i have 20+ record x and y axis . when i show this data then it showing only alternate data for example 1,3,5,7,9,11 etc… when in increse width then it is showing. thats why i want to reduce gap between column.
If this option is available to have you any other alternative ?

[Bivek Singh]

@kinshuk4u4u,

You can set the interval property to 1 for axisX to show consecutive labels in x-axis.

axisX: {
  interval: 1
}

Please take a look at this JSFiddle for complete working sample.

—-
Bivek Singh
Team CanvasJS