this issue appeared after update from 5.0.12 to 5.0.13 (as we actually trusted in semantic versioning). We are relying on that configuration option to set a different color for plotOptions/column/states/hover to show a semi transparent color on top of the actual gradient column fill color.
Since v5.0.13 we experienced a black fill color with a style value set to rgb(NaN, NaN, NaN) in DOM explorer when hovering.
I prepared a simplified demo here: https://jsfiddle.net/zt4xm146/ If you enable the showBug option in the 1st line you can simulate the issue by hovering the column bars.
The problem is - as far as we figured out: when using rgb() or rgba() string values for this option it results in that black filling.
How it worked before
Furthermore, try to replace the <script> tag in the HTML section to use 5.0.12 version of highcharts:
<script src="https://code.highcharts.com/5.0.12/highcharts.js"></script>
Now the bug toggle variable shows no effect in terms of black filling on hover.
Side note
I think it may be related to this new "Added color animation on state change for non-marker based series like columns and tree maps" feature I saw in the changelog for v5.0.13.
I wonder why such features show up in a patch version? ;-)
mhoyer
commented
7 years ago
Hi,
this issue appeared after update from 5.0.12 to 5.0.13 (as we actually trusted in semantic versioning). We are relying on that configuration option to set a different color for
plotOptions/column/states/hoverto show a semi transparent color on top of the actual gradient column fill color.Since v5.0.13 we experienced a black fill color with a style value set to
rgb(NaN, NaN, NaN)in DOM explorer when hovering.I prepared a simplified demo here: https://jsfiddle.net/zt4xm146/ If you enable the
showBugoption in the 1st line you can simulate the issue by hovering the column bars.The problem is - as far as we figured out: when using
rgb()orrgba()string values for this option it results in that black filling.How it worked before
Furthermore, try to replace the
<script>tag in the HTML section to use 5.0.12 version of highcharts:<script src="https://code.highcharts.com/5.0.12/highcharts.js"></script>Now the bug toggle variable shows no effect in terms of black filling on hover.
Side note
I think it may be related to this new "Added color animation on state change for non-marker based series like columns and tree maps" feature I saw in the changelog for v5.0.13.
I wonder why such features show up in a patch version? ;-)