score:1

I have created a fiddle to demonstrate what you are asking about:

https://jsfiddle.net/cnxwue7k/

It's fairly easy to change the colors of each 3d area

just change the colors in the frame object:

frame: {
        bottom: { size: 10, color: 'grey' },
        back: { size: 100, color: 'red' },
        side: { size: 1, color: 'blue' }
    }

further info here:

https://www.highcharts.com/docs/chart-concepts/3d-charts

Hope that helps :-D

Let me know if you need any more help

EDIT:

As Paul pointed out below in the comments, you can also add more colored axis which gives the desired effect:

http://jsfiddle.net/g6jhvcd2/


Related Query

More Query from same tag