Как установить стиль для прямоугольника уменьшения масштаба

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>