score:1

Accepted answer

to increase width between two bar in highcharts.js you can use grouppadding,

api: http://api.highcharts.com/highcharts#plotoptions.bar.grouppadding

example: http://jsfiddle.net/6j3y54na/2/

grouppadding: 0.2

if you want to increase gap between bars in same group then you can use pointpadding

api: http://api.highcharts.com/highcharts#plotoptions.bar.pointpadding

score:0

pointwidth is the parameter to set the width for bar width .refer this jsfiddle

$(function () {
    $('#container').highcharts({
        chart: {
            type: 'bar',
            marginleft: 50,
            marginbottom: 90
        },
        xaxis: {
            categories: ['jan', 'feb', 'mar', 'apr', 'may', 'jun', 'jul', 'aug', 'sep', 'oct', 'nov', 'dec']
        },

        plotoptions: {
            series: {
                stacking: 'percent', pointwidth: 4
            }
        },

        series: [{
            data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
        }, {
            data: [144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4, 129.2]
        }]
    });
});

score:1

use pointwidth property, a pixel value specifying a fixed width for each column or bar:

plotoptions: {
    series: {
        stacking: 'percent',
        pointwidth: 5
    }
},

jsfiddle


Related Query

More Query from same tag