如何填充没有不透明度的flot线图?

Swe*_*etz 6 colors flot opacity fill

如何填充没有不透明度的flot线图?

lines: {
    show: true,
    fill: true,
    lineWidth:1
   }
Run Code Online (Sandbox Code Playgroud)

DNS*_*DNS 13

我认为你混淆了"不透明度"和"透明度"这两个术语.这听起来像你真正想要的是没有透明度,即一种不允许在背景中显示任何东西的纯色.

要控制Flot中的透明度,请将'fill'选项从'true'更改为0到1之间的数字,其中0表示完全透明,1表示完全不透明.有关详细信息,请参阅API文档中的自定义数据系列.


joh*_*odo 5

Flot 文档同意 DNS 的回答,但至少在当前的稳定版本 (0.8.1) 中我无法使其工作。

检查 Flot 源我想出了这个解决方案:

'bars': {
            show: true,
            fill: 1.0,
            fillColor: 'rgba(255,230,230,0.5)',
            lineWidth: 1,
        }
Run Code Online (Sandbox Code Playgroud)

我没有测试它的线条,但它也应该适用于它们。