How to fill a flot line graph without opacity?

colors opacity flot fill
Sweetz picture Sweetz · May 20, 2013 · Viewed 11.7k times · Source

How can i fill a flot line graph with no opacity?

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

Answer

DNS picture DNS · May 20, 2013

I think you've mixed-up the terms 'opacity' and 'transparency'. It sounds like what you actually want is no transparency, i.e. a solid color that doesn't allow anything in the background to show through.

To control transparency in Flot, change the 'fill' option from 'true' to a number from 0 to 1, where 0 is fully-transparent and 1 is fully opaque. See customizing the data series in the API docs for more info.

Related questions

Opaque white background with rgba displays grey over white background?

I added a transparent background on a div, over a white background with like that: body { background: white; } .opaque-white { background: rgba(255,255,255,0.95); height: 300px; width: 300px; } <body> <div class="opaque-white"> Area with opaque (opacity: 0.95) background. </div&…

Read More
Calculating opacity value mathematically

How is opacity calculated mathematically? There is opacity value in Photoshop, CSS etc. Actually this opacity is the transparent behavior of a layer. That we all know. But how is it calculated mathematically? Is there any equation to calculate opacity? …

Read More
Flutter: Best way to change a widget opacity and color on scroll

My goal is to change the color and the opacity of the appbar when user scrolls down. My logic is: scroll offset = 0 : appbar is red with opacity = 1 0 < scroll offset < 40 : appbar is blue with opacity = 0.4 40 <= scroll offset : appbar …

Read More