Lightning Chart JS中无法设置点序列单个数据点的Alpha值问题

问题出在未启用点系列的单独点填充样式支持——默认情况下PointSeries会使用全局填充样式，忽略单个点的fillStyle配置。

修复步骤 #

• 创建PointSeries时，添加individualPointFill: true配置项，开启单个点自定义填充样式的支持。

修改后的完整代码 #

const pointSeries = chart
    .addPointSeries({ 
        pointShape: PointShape.Circle,
        individualPointFill: true // 关键配置：启用单独点填充样式
    })
    .setPointSize(10);

// Data structure example: [{ x: 1, y: 2, quality: 0.5 }, ...]

const mappedData = data.value.map((point) => {
  const alpha = Math.round(point.quality * 255); // 将quality(0-1)转换为alpha值(0-255)
  const fillStyle = new IndividualPointFill({
    color: ColorRGBA(0, 255, 0, alpha), // 每个点应用不同的alpha值
  });
  return { x: point.x, y: point.y, fillStyle };
});

// 将点添加到序列
pointSeries.add(mappedData);

补充说明 #

如果需要自定义点的描边样式，可在创建PointSeries时额外添加individualPointStroke: true，然后为每个点配置strokeStyle属性。

内容的提问来源于stack exchange，提问作者Rabia Zaheer