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

flotr2 を使用している場合、これらのソリューションはどれも機能しないことに気付くでしょう。代わりに、次を試してください。

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