如何设置缩小矩形的样式

Question

我正在使用LightningChartJs，并试图找到一种方法来设置缩小矩形的样式，但找不到相应的方法。请指给我看。提前谢谢。

Answer 1

缩小矩形称为"拟合矩形"；在API中。可以使用setFittingRectangleStrokeStyle修改拟合矩形笔划样式，使用setFittingRectangleFillStyle修改填充样式。

const {
lightningChart,
ColorHEX,
SolidFill
} = lcjs
const {
createProgressiveRandomGenerator
} = xydata
const chart = lightningChart().ChartXY()
chart.setFittingRectangleStrokeStyle(style => style
.setFillStyle(fill => fill.setColor(ColorHEX('#f00')))
)
.setFittingRectangleFillStyle(new SolidFill({
color: ColorHEX('#50f0')
}))
const series = chart.addLineSeries()
createProgressiveRandomGenerator()
.setNumberOfPoints(100)
.generate()
.toPromise()
.then(data => {
series.add(data)
})

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