Javascript 如何在highchart js中在3d图表中添加颜色

我正在使用3d选项启用的散点型海图，现在我想用两种不同的颜色给内部3d区域上色，比如红色和蓝色。所以我的问题是 1.如何在3d区域内填充颜色？ 2.如果已填充，如何将内部3d区域拆分为两个并添加两种不同的颜色

我的代码是

var chartClassification = new Highcharts.Chart({

chart: {
    renderTo: 'containerClassification',
    margin: 20,
    type: 'scatter',
    options3d: {
        enabled: true,
        alpha: 10,
        beta: 30,
        depth: 250,
        viewDistance: 5,
        fitToPlot: false,
        frame: {
            bottom: { size: 10, color: 'rgba(0,0,0,0.02)' },
            back: { size: 100, color: 'rgba(0,0,0,0.04)' },
            side: { size: 1, color: 'rgba(0,0,0,0.06)' }
        }
    }
},
title: {
    text: 'Classification'
},
plotOptions: {
    scatter: {
        width: 10,
        height: 10,
        depth: 10
    }
},
yAxis: {
    min: 0,
    max: 10,
    title: null
},
xAxis: {
    min: 0,
    max: 10,
    gridLineWidth: 1
},
zAxis: {
    min: 0,
    max: 10,
    showFirstLabel: false
},
legend: {
    enabled: false
},
series: [{
    name: 'Reading',
    color: 'black',
    data: []
}]

---

})

我制作了一把小提琴来演示您的提问：

更改每个3d区域的颜色相当容易

只需更改帧对象中的颜色：

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

更多信息请点击此处：

希望对你有帮助

如果你需要更多的帮助，请告诉我

编辑：

正如下面的注释中所指出的，您还可以添加更多颜色的轴，以提供所需的效果：

---

你能为这个制作提琴/演示吗？另外，请将图表/图纸的样本图像放入您想要的图表预期输出中。Jonathan，谢谢您的回复。您已经演示了如何为三维图形的每一侧添加颜色。我想要的是在3d区域内着色，也就是说，3d框的形状是立体的，我们在立体区域内绘制点，现在我们想要给整个立体区域着色，比如说彩色果冻，它的形状是3d的，并且有颜色。有些东西看起来像这样，我不确定它是否可以通过highcharts实现，虽然你可以让它变得可绘制，所以它更具交互性：我认为他们没有选择给立方体的其余部分着色，除了Jonathan写的东西，可以添加多个x轴和y轴类型。看一下更新的演示：。谢谢Jonathan和paul，有没有其他js库可以让这成为可能？当我尝试使用canvasJ时，我觉得即使这样也不能达到目的。