2012-02-16 8 views

Odpowiedz

21

Po pierwsze, przeczytaj API.txt, odpowiada na wszystkie twoje pytania. Dwie rzeczy, które musisz wtedy zrobić. Po określeniu, że chcesz paski, ustaw fill: 1, który mówi flot, aby kolory były w 100% nieprzezroczyste. Aby określić kolor w serii, po prostu dodaj obiekt color:'red' do każdego obiektu danych.

więc skończyć z obiektu danych jak poniżej:

var data = [ 
    {label: 'foo', color:'red', data: [[1,300], [2,300], [3,300], [4,300], [5,300]]}, 
    {label: 'bar', color:'blue', data: [[1,800], [2,600], [3,400], [4,200], [5,0]]}, 
    {label: 'baz', color:'yellow', data: [[1,100], [2,200], [3,300], [4,400], [5,500]]}, 
]; 

I Flot opcje tak:

{ 
    series: { 
     stack: 1, 
     bars: { 
      show: true, 
      barWidth: 0.6, 
      fill:1 
     } 
    } 
} 

Zobacz go w akcji tutaj: http://jsfiddle.net/ryleyb/kKdxt/

+0

W 'wypełnienia: 1 ', 1 oznacza nieprzezroczystość 100%. Możesz określić inne wartości mniejsze niż 1, aby uzyskać różne stopnie krycia. Jeśli ustawisz 'fill: true', otrzymasz domyślną wartość krycia równą około 50%. – CaptainBli

+0

co, jeśli korzystam z trybu czasu xaxis –