Home Forums Chart Support set gap between column.

set gap between column.

Viewing 4 posts - 1 through 4 (of 4 total)
  • #17373

    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

    #17379

    @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.

    Histogram using Column Chart

    —-
    Bivek Singh,
    Team CanvasJS

    #17389

    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 ?

    #17393

    @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.

    Histogram using column chart with axisX interval

    —-
    Bivek Singh
    Team CanvasJS

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.