2013-05-20 4 views
5

Как я могу заполнить график линии флота без прозрачности?Как заполнить график линии флота без прозрачности?

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

«Без прозрачности» означает «полностью прозрачный», то есть просто заполните: false. Это то, что вы хотите, или вы имеете в виду что-то еще? – DNS

+0

i dont want opacity, он должен быть заполнен цветом (исключая непрозрачность). – Sweetz

ответ

12

Я думаю, что вы перепутали термины «непрозрачность» и «прозрачность». Похоже на то, что вы на самом деле хотите, не прозрачность, т. Е. Сплошной цвет, который не позволяет ничего в фоновом режиме показывать.

Чтобы контролировать прозрачность в Flot, измените параметр «fill» на «true» на число от 0 до 1, где 0 полностью прозрачно и 1 полностью непрозрачно. См. customizing the data series в документах API для получения дополнительной информации.

+0

Спасибо! ... Не знаю, что часть графика – Sweetz

4

Документация на флот согласуется с ответом DNS, но по крайней мере в текущей стабильной версии (0.8.1) я не смог заставить ее работать.

Проверка источника я пришел Флот с этим раствором:

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

Я не проверить его на линии, но он должен работать с ними.

1

Если вы используете flotr2, вы заметите, что ни одно из этих решений не работает. Вместо этого попробуйте:

lines: { 
    fillOpacity:1.0, 
    show: true, 
    fill: true, 
    lineWidth:1 
} 
Смежные вопросы