jQuery Flot: Đặt chiều rộng của biểu đồ (không có nhãn)

Question

Có cách nào để đặt kích thước thực tế của biểu đồ (không có nhãn của nó) không?

Tôi có một vùng chứa có chiều rộng 880 pixel và tôi muốn biểu đồ mở rộng chính xác đến đó và có các trục thay vì dính ra ngoài. Ngay bây giờ, tất nhiên là áp dụng đệm để các trục có thể vừa với khu vực được chỉ định.

Tôi đã quan sát xung quanh với các tùy chọn nhãn cố địnhCác tùy chọn và lề tiêu cực được áp dụng cho vùng chứa nhưng điều đó không giúp tôi ở bất kỳ nơi nào hữu ích.

Answer 1

Để làm cho các trục dính ra, bạn có thể đặt nhãnWidth và labelHeight của các trục (y và x, tương ứng) thành giá trị âm và cho khoảng trống, vì vậy có đủ chỗ bên ngoài.

CSS:

#placeholder { 
    border 2px solid red; 
    margin: 30px; 
} 

Flot lựa chọn:

var options = { 
    xaxis: { labelHeight: -10 }, 
    yaxis: { labelWidth: -10 } 
} 

Hiện vẫn còn một khoảng cách giữa biên giới container và cốt truyện, như bạn có thể thấy trong jsFiddle. Bạn có thể kiểm soát điều đó với thuộc tính minBorderMargin của lưới, nhưng nó không ẩn hoàn toàn đường viền ô, vì vậy bạn có thể muốn đặt lưới borderWidth thành 0 hoặc đặt borderColor. Tôi đã cập nhật số jsFiddle với điều đó.