Рендеринг всего графика в 3d вместо только баров

Question

Я пытаюсь сделать гистограмму 3d. То, что мне удалось сделать, это сделать только фрагмент. Это с чего я начал

var chart = new Highcharts.Chart({
    chart: {
        renderTo: "container",
        type: "bar",

    },
    title: {
        useHTML: true,
        x: -10,
        y: 8,
        text: '<span class="chart-title"> Grouped categories <span class="chart-href"> <a href="http://www.blacklabel.pl/highcharts" target="_blank"> Black Label </a> </span> <span class="chart-subtitle">plugin by </span></span>'
    },
    series: [{
        data: [4, 14, 18, 5, 6, 5, 14, 15, 18]
    }],
    xAxis: {
        categories: [{
            name: "Fruit",
            categories: ["Apple", "Banana", "Orange"]
        }, {
            name: "Vegetable",
            categories: ["Carrot", "Potato", "Tomato"]
        }, {
            name: "Fish",
            categories: ["Cod", "Salmon", "Tuna"]
        }]
    }
});

и это фаза на попрошайничестве

После этого я добавил объект options3d в объект диаграммы следующим образом

options3d: {
        enabled: true,
        alpha: 10,
        beta: 20,
        depth: 10,
        viewDistance: 50
    }

И результат был хороший, но только такой фрагментарный

И то, к чему я стремился (пожалуйста, прости мои «навыки фотошопа»), было это

Так что, в основном, я стремлюсь к тому, чтобы таблица, где фрукты, вегетарианцы и рыбы также были в 3d, соответствовала остальной части графика. У кого-нибудь есть идеи, как этого добиться? скрипка без 3d https://jsfiddle.net/a1rowqxn/ скрипка с 3D https://jsfiddle.net/ajx728Le/