Làm thế nào để cung cấp cho màu sắc rắn để ngăn cản các bảng xếp hạng trong flot

Question

Tôi cần phải cung cấp cho màu sắc rắn để ngăn cản các bảng xếp hạng ... Tôi đã theo liên kết này Bar chart Example

Nhưng tôi muốn cung cấp cho màu sắc rắn và tôi cũng cần phải thay đổi màu sắc bản thân mình ... làm thế nào để làm điều đó ...

Answer 1

Trước hết, hãy đọc API.txt, nó trả lời tất cả các câu hỏi của bạn. Hai điều bạn cần làm sau đó. Khi bạn chỉ định rằng bạn muốn thanh, hãy đặt fill: 1, thông báo cho flot để làm cho màu sắc mờ đục 100%. Để chỉ định màu cho mỗi chuỗi, chỉ cần thêm color:'red' vào từng đối tượng dữ liệu.

Vì vậy, bạn kết thúc với một đối tượng dữ liệu như thế này:

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]]}, 
]; 

Và flot tùy chọn như thế này:

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

Nhìn thấy nó trong hành động ở đây: http://jsfiddle.net/ryleyb/kKdxt/