LightningChartJS中PointSeries3D如何移除球体点上的光照效果

解决方法 #

要移除3D球体点的光照效果，直接在PointStyle3D.Triangulated的配置参数中加入lightingEnabled: false即可。这个参数会关闭当前点样式对场景全局光照的响应，不管使用什么自定义颜色，都能呈现均匀的纯色填充效果，同时保留球体形状，完全符合你需要的显示需求。

修改后的代码如下：

const series = this.chart.addPointSeries();
series.add(data); 

series.setPointStyle(
  new PointStyle3D.Triangulated({
    size: pointSize, 
    shape: 'sphere',
    fillStyle: new SolidFill({ color: ColorHEX(color) }).setA(opacity),
    // 关闭光照响应
    lightingEnabled: false
  }) 
);

相关说明 #

• 你之前使用黑色、红色、蓝色等内置预设颜色时没有光照效果，是因为这些预设颜色默认关闭了光照响应，自定义颜色默认继承开启光照的配置，所以会出现光影明暗变化。
• 关闭光照后，球体的显示颜色完全匹配你设置的填充色，仅保留球体的圆形轮廓，和PointSeriesTypes3D.Pixelated的纯色显示逻辑一致，同时支持自定义球体大小、透明度等属性。

内容的提问来源于stack exchange，提问作者Patrick John Pacana