如何使图表背景透明

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">