New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

3D not rendering with styled 5.0.4 #6018

garybrain opened this Issue Nov 23, 2016 · 3 comments


None yet
3 participants
Copy link

garybrain commented Nov 23, 2016

Expected behaviour

Chart to be rendered in 3D

Actual behaviour

Chart showing in 2D due to JS error.

highcharts-3d.js:26 Uncaught TypeError: Cannot read property 'style' of undefined(…)(anonymous function)
@ highcharts-3d.js:26(anonymous function)
@ highcharts-3d.js:28(anonymous function)
@ highcharts-3d.js:8(anonymous function)
@ highcharts-3d.js:8

Live demo with steps to reproduce

Styled. ( error ).
using :

Using following 3d.js works.
using :

Affected browser(s)

All browsers

@pawelfus pawelfus added the Regression label Nov 23, 2016


This comment has been minimized.

Copy link

pawelfus commented Nov 23, 2016

Thank you for reporting!

This is a regression from 62003e6

Set before loading highcharts-3d.js file and add side/top CSS, Demo:


<script src=""></script>
    defs: {
      style: {
        textContent: ''
<script src=""></script>


.highcharts-3d-top {
  filter: url(#highcharts-brighter)

.highcharts-3d-side {
  filter: url(#highcharts-darker)

This comment has been minimized.

Copy link

garybrain commented Nov 23, 2016

Many thanks



This comment has been minimized.

Copy link

Dams591 commented Nov 23, 2016

Hey guys
Was wondering if this will be fixed/pushed out with 5.0.5 and if so if you have a release date.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment