colors - 如何填充没有不透明度的浮点线图？

Question

如何填充没有不透明度的浮点线图？

lines: {
    show: true,
    fill: true,
    lineWidth:1
   }

Answer 1

我认为您混淆了“不透明度”和“透明度”这两个术语。听起来您真正想要的是没有透明度，即不允许背景中的任何东西显示出来的纯色。

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

Answer 2

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

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

'bars': {
            show: true,
            fill: 1.0,
            fillColor: 'rgba(255,230,230,0.5)',
            lineWidth: 1,
        }

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

Answer 3

如果您使用的是 fltr2，您会注意到这些解决方案都不起作用。相反，请尝试：

lines: {
  fillOpacity:1.0,
  show: true,
  fill: true,
  lineWidth:1
}