Learning Highcharts 4 - Second Edition

Configuring the 3D chart background

Instead of having a white background with dark labels, let's replace the side, bottom, and back frames around the plot area with different settings. In Highcharts, we can specify the color and thickness of these frames, as follows:

                   options3d: {
                       ....,
                       frame: {
                            back: {
                                color: '#A3A3C2',
                                size: 4
                            },
                            bottom: {
                                color: '#DBB8FF',
                                size: 10
                            },
                            side: {
                                color: '#8099E6',
                                size: 2
                            }
                       }
                   }

Meanwhile, we also change the data label color to white which contrasts nicely with the new background color:

Note that if we apply a background image to the 3D chart, Highcharts doesn't automatically angle the image along the background.