CODEWITHSUNDEEP
highcharts
R3tep
R3tep

Reputation: 12864

HighCharts : Remove auto margin for errorBar

I have a problem with the errorBar of HighCharts. The errorBar adds a margin in the chart, but i don't want this margin.

So i deleted it with this code :

xAxis: [{
    [...]
    /* Remove padding */
    min: pointStart,
    max: pointEnd,
    minPadding: 0,
    maxPadding: 0,
    startOnTick: false,
    endOnTick: false
    /* End remove padding */
}]

pointStart and pointEnd are calculated for remove a static margin. It's working for column type but with errorBar type the margin is not constant and it's impossible to removed them because i think it's a random margin.

There is another solution to remove the auto margin of errorBar ?

Edit

Live demo // edited link

In this demo you see 3 graphics. The problem is that the graphics needs exactly the same xAxis. The errorBar adds margins, but in my production code I have dynamic data and the margin is random for me.

Upvotes: 1

Views: 186

Answers (1)

Paweł Fus
Paweł Fus

Reputation: 45079

It's caused by setting pointPlacement: 'between'. Remove that line and will be working fine, see third chart: http://jsfiddle.net/cPq7Y/1/

Upvotes: 1

Related Questions