2011-06-29 27 views
10

Đối với các giá trị 0, Flot thích vẽ một đường bằng phẳng, nơi thanh này sẽ xuất hiện. Có thể cấu hình nó để vẽ gì không?Có thể ẩn các thanh có độ cao bằng không trong biểu đồ thanh?

+0

Vấn đề này hiển nhiên hơn nếu bạn đang sử dụng biểu đồ thanh xếp chồng lên nhau; Giải pháp này có lẽ phức tạp hơn vì không có giải pháp nào dưới đây hoạt động (ngoại trừ việc ẩn dòng với chiều rộng 0) – Ryan

+0

@Ryan sử dụng 'linewidth' làm lộn xộn' giá trị datapoint' – shorif2000

Trả lời

7

Trong ứng dụng của tôi, tôi đã giải quyết vấn đề này bằng cách đặt yaxis min thành một giá trị lớn hơn 0 và nhỏ hơn độ phân giải mà tôi đang làm việc. Đường viền có thể nhìn thấy, đường thẳng bị ẩn.

var options = { 
series: { 
    stack: 0, 
    lines: { show: false, fill: true, steps: false },  
      bars: { show: true, barWidth: 0.6 } 
     }, 
    xaxis: { 
     mode: "time", 
     timeformat: "%H:%M" 
    }, 
    yaxis: { 
     min: 0.5 
    }, 
    selection: { mode: "x" }, 
    grid: { hoverable: true } 
}; 
+0

Cách coooooooool –

6

Một giải pháp: đặt lineWidth của các thanh thành 0. Điều này giúp loại bỏ đường viền quanh các thanh.

Điều này xuất phát từ chi phí hiển thị tốt cho các giá trị nhỏ mà Flot có. Với đường viền, ngay cả khi biểu đồ của bạn có giá trị lớn, ví dụ 1 và 2 là khác biệt. Không có đường viền, các số nhỏ có thể khó nhìn thấy, nhưng hiệu ứng này có thể được bù đắp bằng cách gắn vào các giá trị fillColor tối hơn cho các thanh của bạn.

8

Bạn có thể đặt giá trị thành 0 khi không và điều này sẽ ngăn không cho hiển thị và cho phép bạn giữ đường viền quanh các thanh khác.

+0

Đây là cách giải quyết nó biểu đồ thanh. –

+0

Hiệu chỉnh: Điều này dường như chỉ hoạt động nếu dữ liệu chuỗi chủ yếu là khác 0. Tôi đã có một trường hợp mà cả hai loạt của tôi có 0 giá trị, và sử dụng null thay vì 0 dường như gây ra rất nhiều vấn đề với flot. Ví dụ, plothover/click sẽ báo cáo các giá trị dataIndex kỳ lạ cho chuỗi thứ hai (phần được xếp chồng lên trên). Thay đổi các giá trị từ null trở lại 0 sẽ khắc phục sự cố. Tinh chỉnh lineWidth có vẻ là cách duy nhất để giải quyết trường hợp cụ thể của tôi. –

+0

@Justin Mặc dù đây là bài viết khá cũ nhưng điều này đã giúp tôi như một say mê. Tôi đã bị mắc kẹt trong việc ẩn 0 dấu chấm có giá trị trên biểu đồ đường kẻ. Tôi gãi tóc nhưng giải pháp này đã giúp tôi một lần. Cảm ơn người đàn ông. Bạn đã làm cho ngày của tôi. Cảm ơn bạn đã đăng bài hữu ích và tôi thực sự đánh giá cao nó. –

Các vấn đề liên quan