Vấn đề về độ rộng của thanh trong ô

Question

Tôi có biểu đồ hiển thị các thanh thể hiện lượng mưa trong 24h. Bây giờ vấn đề đầu tiên tôi đã có, là chiều rộng 1px mặc định cho các quán bar ở flot, xem ví dụ sau:

tôi đã tìm kiếm một giải pháp và phát hiện ra rằng việc xác định barwidth như thế này:

bars: { 
     show: true, 
     barWidth : 60*60*1000 //1h 
    } 

giải quyết vấn đề. Bây giờ thực sự hiệu quả, nhưng với một kết quả xấu. Trên ví dụ của tôi (biểu đồ hiển thị 24 lượng mưa discretly mỗi một giờ) bây giờ điều này xảy ra:

Như bạn có thể nhìn thấy từ ví dụ đầu tiên, nơi thanh là 1px rộng, thời gian đi từ 13:00 ngày hôm trước đến 13:00 ngày hôm sau. Bây giờ khi chiều rộng thanh cố định, thời gian đi từ 13:00 đến 14:00 vì một số lý do. Bây giờ tôi đã thử thiết lập thanh barWidth khác nhau, ví dụ 50 * 60 * 1000, nhưng điều đó không quy mô phải cộng với lề bắt đầu xuất hiện beetwen mỗi thanh.

Bây giờ tôi muốn biết cách khắc phục sự cố này, dòng thời gian sẽ đi như trong ví dụ đầu tiên và các thanh có chiều rộng 1 giờ?

Answer 1

Vấn đề là điền dữ liệu bằng php để vẽ đồ thị. Tôi bỏ qua sự tổng hợp sai của dữ liệu và sau đó đã có một điều kiện, mà thêm vào mảng php thời gian. Vì vậy, vào cuối nó thêm 1 giờ. Vì vậy, barWidth: 60 * 60 * 1000 trong trường hợp của tôi là điều phải đi.

Answer 2

Vâng, biểu đồ trục x đang được vẽ theo cách sao cho, nếu có bất kỳ thanh nào hiển thị lúc 13:00 (giá trị lớn nhất), nó sẽ có thể hiển thị nó. Điều này không thực sự là một điều Flot, nó chỉ là một hệ quả của việc có thanh rộng hơn. Nếu bạn muốn nó thực sự không đi xa như vậy, bạn có thể sử dụng tùy chọn "tối thiểu" và "tối đa" trên trục x để thiết lập điều này. Tuy nhiên, nếu bạn đã làm điều đó, và có bất kỳ dữ liệu nào trong 13:00 cuối cùng để hiển thị, nó sẽ không thể hiển thị nó (bởi vì với thanh rộng hơn không có đủ chỗ).