0

我正在使用闪电图表并想让背景透明我尝试在图表上设置以下内容，但它只是给了我黑色背景

  .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)

让我知道我错过了什么

4

2 回答 2

2

chart.setChartBackgroundFillStyle(transparentFill)在 LightningChart JS 版本 2.0.0 及更高版本中，可以使用和将图表背景颜色设置为透明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部分透明的颜色。

于 2020-07-01T10:34:44.637 回答
0

您可以使用 css “背景颜色：透明”

于 2020-07-01T09:33:29.753 回答