如何使图表背景透明

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

您可以使用 css "background-color:transparent"

Answer 2

在 LightningChart JS 版本 2.0.0 及更高版本中，可以使用 chart.setChartBackgroundFillStyle(transparentFill) and 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。

如何使图表背景透明

How to make chart background transparent

javascript

lightningchart