Issue when scaling chart

[sruchot]

Hello,

I don't know if it's an issue or a change due to Highcharts 7 (like a new property to set up maybe?) but since we updated to the new version we have a weird behavior with our charts.

In some cases we have to scale the container of chart/charts and in those cases the charts are not scale properly (Highcharts v7.0.1) =>

The same chart before we update (Highcharts v6.1.4) =>

On both example with have a 'transform: scale(0.535789)' applied to the container of the chart.

I have been able to reproduce it on a live example:
here

So I don't know if it's due to a change in the properties of highcharts or something we're doing wrong, but it's quite unexpected.

Thanks for your help,
Sylvain Ruchot.

[sebastianbochan]

Hi @sruchot,
Thank you for reporting.

Simplified demos:

• 6.1.3 - https://jsfiddle.net/BlackLabel/s82dkb0n/
• 7.0.1 - https://jsfiddle.net/BlackLabel/r9c14xuq/

Workaround
Set the width by the chart.width option.

Demo:

• https://jsfiddle.net/BlackLabel/5unvdqrw/

Internal note
The width of .highcharts-container should not be divided by ratio of scale.

Default CSS functionality:

• http://jsfiddle.net/BlackLabel/hs6ufgyL/

As you can observe, all is rescaled but internal width is not changed.

[TorsteinHonsi]

Bisected to 02b559d.

[TorsteinHonsi]

Original demo with the fix applied: https://jsfiddle.net/highcharts/0he47rn2/

[ashwiniIot]

i am also getting an issue with auto-scaling.. when I changing the unit chart not showing proper scaling line is showing on 0..but when I zoomed in it will show the proper chart in 0 the range.

[PaulDalek]

Hi @ashwiniIot

Thank you for contacting us. Please provide us with a simplified live example (e.g. JSFiddle) where the unwanted effect occurs along with steps to reproduce it. Thanks.