Charts 实现3D fft图表的最佳方式是什么?

Charts 实现3D fft图表的最佳方式是什么?,charts,highcharts,three.js,chart.js,babylonjs,Charts,Highcharts,Three.js,Chart.js,Babylonjs,我正试图建立一个交互式级联频谱图,但这对我来说并不是一件小事。下面是我想要实现的目标的图片: 这是一张图表,我已经有了所有这些点。你有什么建议或例子可以让我学习吗 我尝试过使用特定于图形的库,但大多数情况下,它们要么仅适用于点,要么适用于曲面图形 我现在有一个使用Babylon JS的简单hello world: 任何帮助、指导、榜样都将是一件非常感激的事情 致以最良好的祝愿, Matheus您可以使用Highcharts中的列系列,添加并启用3d模块 Highcharts.chart

我正试图建立一个交互式级联频谱图,但这对我来说并不是一件小事。下面是我想要实现的目标的图片:

这是一张图表,我已经有了所有这些点。你有什么建议或例子可以让我学习吗

我尝试过使用特定于图形的库,但大多数情况下,它们要么仅适用于点,要么适用于曲面图形

我现在有一个使用Babylon JS的简单hello world:

任何帮助、指导、榜样都将是一件非常感激的事情

致以最良好的祝愿,
Matheus

您可以使用Highcharts中的列系列,添加并启用3d模块

    Highcharts.chart('container', {
        chart: {
            type: 'column',
            options3d: {
                enabled: true,
                alpha: 20,
                beta: 30,
                depth: 400,
                ...
            }
        },
        ...
    });

现场演示:


文档:

我可以在highcharts中找到一个壁橱,你想要的是他们的3D面积图。默认情况下,这在chart.js中是不可能的,但是您可以编写自己的自定义图表,这需要一些时间。chart.js的自定义树映射示例:这是一个选项。要在这种方法中使用Highcharts,我希望有一个选项,将另一个轴改为着色。。。所以我会根据它的值在条上有一个梯度。该条应如下所示:。Hi@Matheus Quost,您只需添加颜色轴。示例:您好@ppotaczek,谢谢您的评论。我明白了,这是一个很好的选择。。。我担心的是不可能有一个梯度在一个酒吧。。。你知道我的意思吗?这将是完美的,如果我们能以某种方式将每一条线设置为这样的渐变,而不是像示例中那样只使用一种颜色。。。我感谢你,因为这已经在我想要的东西上工作了,我只想给它一个更“进化的”/“平滑的效果。这可以通过使用线性渐变颜色来实现:但是为了考虑值,你需要计算每个点的渐变。