CODEWITHSUNDEEP
javascripthighcharts
migajek
migajek

Reputation: 8614

Highcharts columns - fixed border width, remove spacing between the bars

TL;DR Q: How do I force the fixed width of bar's border in Highstocks?

I need to display a histogram using Highcharts. I'd like to look it like this:simple column chart that is, no spaces between the bars, and the fixed width border.

Now I've tried to do the same with Highcharts, but it seems that some of the bars overlap each other, and the border width is not constant: incorrect behavior of highcharts Here are the (significant) config options:

plotOptions: {
    series : {
        pointPadding : 0,
        groupPadding : 0,
        shadow       : false,
        borderWidth  : 1,
        borderColor  : 'black'
    }
}

What am I doing wrong?

Upvotes: 2

Views: 2113

Answers (1)

diego zhu
diego zhu

Reputation: 51

The problem is not the gridLineWidth. You've set that correctly.

In addition you need to set the minorGridLineWidth that you have to set to 0

similar demo:

http://jsfiddle.net/P2Mv2/1/

Upvotes: 1

Related Questions