如何设置缩小矩形的样式

How to set style for zoom out rectangle

我正在使用 LightningChartJs,我正在尝试找到一种方法来设置缩小矩形的样式,但我无法找到相应的方法。 请指出我的方向。 提前致谢。

缩小矩形在 API 中称为“适合矩形”。您可以使用 setFittingRectangleStrokeStyle and the fill style with 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>