是否可以在 JS API 中创建瀑布系列 3D 图表？

问题描述

我正在考虑为 Javascript 购买 Lightning Chart 许可证。

我对性能很满意，但我不知道我可以使用 JS API 实现瀑布系列 3D 图表

我在 API 文档中找不到瀑布系列 3D 图表。

我可以使用其他类型的图表来实现吗？

谢谢。

解决方法

瀑布系列 3D 是指像这张图片中的图表吗？

这种图表可以通过为每个频率创建一个 SurfaceMeshSeries3D 来创建。

SurfaceMeshSeries3D 创建一个网格（列 x 行），其中每个单元格坐标可以在 3D 坐标（x、y、z）中自由定位。

这是用于可视化所描绘频率之一 (50 Hz) 的代码片段。

const {
  lightningChart,emptyFill,SurfaceSeriesTypes3D,SolidFill,SolidLine,ColorRGBA,} = lcjs

const {
createProgressiveTraceGenerator,createSpectrumDataGenerator
} = xydata

const chart = lightningChart().Chart3D()
.setTitleFillStyle(emptyFill)

const timeSamples = 500
const frequency = 50

const mesh = chart.addSurfaceSeries({
type: SurfaceSeriesTypes3D.Mesh,columns: timeSamples,rows: 2,start: { x: 0,z: 0 },end: { x: 100,z: 100 },pixelate: false
})
.setFillStyle(new SolidFill({ color: ColorRGBA(255,63,27) }))

chart.getDefaultAxisZ().setInterval(40,60,false,true)

createSpectrumDataGenerator()
.setSampleSize(timeSamples)
.setNumberOfSamples(1)
.setVariation(3)
.generate()
.toPromise()
.then(data => {
    data = data[0]
    mesh.invalidateGeometryOnly((row,column) => ({
        x: column,y: row === 0 ? 0 : data[column],z: frequency
    }))
})

<script src="https://unpkg.com/@arction/xydata@1.4.0/dist/xydata.iife.js"></script>
<script src="https://unpkg.com/@arction/lcjs@3.0.0/dist/lcjs.iife.js"></script>

如果您想可视化轮廓笔划，那么我建议使用 LineSeries3D。