score:36

Accepted answer

just figured out this myself. pointwidth is the parameter to set the width for bar width. also the walk around is nice for represent the error bar since there aren't any highly interactive javascript chart support this type of chart yet.

score:10

you should use the following options instead of pointwidth to be responsive and not fixed:

plotoptions: {
    series: {
        pointpadding: 0, // defaults to 0.1
        grouppadding: 0.01 // defaults to 0.2
    }
},

score:14

a working demo for setting width of column bars irrespective of the chart size.

you will have to use pointwidth option like:

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

        plotoptions: {
            series: {
                pointwidth: 40//width of the column bars irrespective of the chart size
            }
        },

        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]
        }]
    });
});

score:25

series: [{
            name: strseriestitle,
            data: arrdata,
            pointwidth: 28
        }]

Related Query

More Query from same tag