score:13

Accepted answer

you want a 1px space between each column?

i would calculate the column width based on the size of the plot / number of columns:

var colwidth = ($('#quintals-sugar-graph').width() / data.length) + 1;

then set the "borderwidth" to 1px to provide the space:

    plotoptions: {
        column: {
            pointwidth: colwidth,
            borderwidth: 1
        },

    },

fiddle here.

enter image description here

score:2

you can simply do:

plotoptions: {
  column: {
    pointpadding: 0,
    grouppadding: 0,
    borderwidth: 1
  }
},

score:4

do you really need the width to be exactly 1px? if not, the following also leave minimum space between columns and would be more convenient:

plotoptions: {
    column: {
        pointpadding: 0,
        grouppadding: 0
    }
}

Related Query

More Query from same tag