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

Question

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

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

Answer 1

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

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

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

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

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