1

在 LightningchartJS 中，我们可以在区域范围系列中使用不同颜色突出显示较低范围和较高范围。是否有可能在其他面积图中实现相同的效果？在当前情况下，我有一个双极区域图，我想在其中标记高低范围。我尝试使用setHighStrokeStyle，但它似乎只适用于区域范围系列，我们是否也有类似的区域系列？

尝试了以下代码

const recordRangeStrokeFillStyleHigh = new SolidLine().setFillStyle(new SolidFill({ color: ColorRGBA(250, 91, 70) }))
const areaProfit = xyChart.addAreaSeries({ type: AreaSeriesTypes.Positive })
areaProfit.recordRange.setHighStrokeStyle(recordRangeStrokeFillStyleHigh)

没有高光的区域系列的图像

高低范围的图像以不同的颜色突出显示

4

2 回答 2

2

要在双极区域系列中设置高亮区域的填充样式，您应该使用set positive fill style highlight：

.setPositiveFillStyleHighlight( new SolidFill( { color: ColorRGBA( 255, 255, 255 ) } ) )
.setNegativeFillStyleHighlight( new SolidFill( { color: ColorRGBA( 10, 10, 10 ) } ) )
于 2019-11-12T11:39:06.373 回答
1

在您的代码片段中，您使用的是正区域系列，这是一个单极区域。它不会绘制任何低于其基线值的东西。

负面积系列类似于正面积系列，它只会绘制高于基线值的面积。

它们都可以通过使用areaSeries.setFillStyle或areaSeries.setStrokeStyle方法分别设置填充和边框的样式。

对于Bipolar AreaSeries，您可以使用

// Change fillStyle for positive area
areaSeries.setPositiveFillStyle( new SolidFill( { color: ColorRGBA( 255, 255, 255) } ) )
// Change strokeStyle for positive area
areaSeries.setPositiveStrokeStyle( new SolidLine( { fillStyle: new SolidFill( { color: ColorRGBA( 255, 255, 255) } ), thickness: 2 } ) )

更改正区域样式，或

// Change the fillStyle for negative area
areaSeries.setNegativeFillStyle( new SolidFill( { color: ColorRGBA( 255, 255, 255) } ) )
// Change strokeStyle for negative area
areaSeries.setNegativeStrokeStyle( new SolidLine( { fillStyle: new SolidFill( { color: ColorRGBA( 255, 255, 255) } ), thickness: 2 } ) )

更改负区域样式。

于 2020-01-09T10:52:46.767 回答