CODEWITHSUNDEEP
javascripthighcharts
Neil
Neil

Reputation: 2519

Highcharts: Column chart has banding as a result of inconsistent spacing

I've created a column chart which has a mass of data (approximately 300+ entries) and I seem to be getting a visual banding as a result of the data being incorrectly spaced.

I've tried the following plotOptions setting:

    plotOptions: {
        column: {
            pointInterval: 0,
            pointPadding: 0,
            pointPlacement: 'between',
            pointRange: 0,
            groupPadding: 0
        }
    }

Reading the API, I was under the impression pointPadding being set to 0 would resolve the issue however I am still seeing that very slight padding on every 7th data point.

Depending on your screen size, you can see the issue here in my fiddle: http://jsfiddle.net/neilff/WcLSg/4/

Is there a way to explicitly state how far each column should be spaced?

Upvotes: 0

Views: 102

Answers (1)

Paweł Fus
Paweł Fus

Reputation: 45079

Yes, you have set pointPadding, but then you have set pointWidth which will overwrite pointPadding. Simply disable pointWidth, see: http://jsfiddle.net/WcLSg/5/

Upvotes: 1

Related Questions