javascript - 如何设置缩小矩形的样式

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>