Как сделать фон диаграммы прозрачным

Question

Я использую диаграмму молний и хочу сделать фон прозрачным. Я попытался установить на диаграмме следующее, но это дает мне только черный фон.

  .setChartBackgroundFillStyle( new SolidFill({
    // A (alpha) is optional - 255 by default
    color: ColorRGBA(255, 0, 0,0)
   })
  )
  .setBackgroundFillStyle( new SolidFill({
    // A (alpha) is optional - 255 by default
    color: ColorRGBA(255, 0, 0,0)
   })
  )
  .setFittingRectangleFillStyle(
    new SolidFill({
      // A (alpha) is optional - 255 by default
      color: ColorRGBA(255, 0, 0,0)
     })
   )
   .setChartBackgroundStrokeStyle(emptyLine)
   .setBackgroundStrokeStyle(emptyLine)
   .setFittingRectangleStrokeStyle(emptyLine)

Дай мне знать, что я упускаю

Answer 1

В LightningChart JS версии 2.0.0 и выше можно установить прозрачный цвет фона диаграммы с помощью chart.setChartBackgroundFillStyle(transparentFill) а также chart.setBackgroundFillStyle(transparentFill)

const {
  lightningChart,
  transparentFill,
  emptyFill
} = lcjs

const chart = lightningChart().ChartXY()
  .setChartBackgroundFillStyle(transparentFill)
  .setBackgroundFillStyle(emptyFill)

body {
  background-color: red;
}

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

---

Старый ответ:

LightningChart JS в настоящее время не поддерживает прозрачный фон. Версия 2.0 будет поддерживать прозрачный фон.

Когда выйдет версия 2.0, вы сможете использовать .setBackgroundFillStyle(emptyFill) а также .setChartBackgroundFillStyle(emptyFill)сделать диаграмму с прозрачным фоном. В качестве альтернативы вы можете использоватьSolidFill с частично прозрачным цветом.

Answer 2

Вы можете использовать css "background-color: transparent"