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

【问题标题】：How to fill a flot line graph without opacity?如何填充没有不透明度的浮点线图？
【发布时间】：2013-05-14 21:58:48
【问题描述】：

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

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

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

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

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

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

【讨论】：

【解决方案3】：

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

要控制 Flot 中的透明度，请将“填充”选项从“真”更改为 0 到 1 之间的数字，其中 0 表示完全透明，1 表示完全不透明。有关详细信息，请参阅 API 文档中的 customizing the data series。

【讨论】：