C3.js 使面积图不透明

seg*_*ult 1 charts d3.js c3.js

我正在使用这个例子:http : //c3js.org/samples/chart_area_stacked.html

我将为许多数据集制作一个面积图,我想制作它以使面积图不透明。是否有任何我可以设置的属性或我可以添加的类来实现它?

Che*_*tan 5

您可以通过覆盖以下 css 规则来更改不透明度以使区域不透明:-

.c3-area {
  opacity: 1 !important;
}
Run Code Online (Sandbox Code Playgroud)

注意:- 由于副作用,标记和工具提示垂直线不完全可见。

如下图所示:-

在此处输入图片说明