Đố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?
Trả lời
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 }
};
Cách coooooooool –
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.
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.
Đây là cách giải quyết nó biểu đồ thanh. –
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. –
@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ó. –
- 1. vẽ biểu đồ các biểu đồ có chiều cao thanh lên tới 1 trong matplotlib
- 2. Các thanh màu khác nhau trong biểu đồ thanh flot, điều này có khả thi không?
- 3. Biểu đồ thanh có giá trị âm
- 4. Các thanh màu khác nhau trong biểu đồ thanh gnuplot?
- 5. Định hướng thay đổi biểu đồ Google của các thanh trong biểu đồ thanh
- 6. Ai đó có thể giúp tôi tạo biểu đồ thanh dọc đơn giản bằng biểu đồ google không?
- 7. JFreeChart: có thể kết hợp các thanh xếp chồng và biểu đồ đường kết hợp không?
- 8. biểu đồ thanh reportviewer, chiều rộng thanh không chính xác
- 9. Hiện giá trị trong thanh trên biểu đồ thanh flot
- 10. Biểu đồ MS: Làm thế nào bạn có thể thay đổi màu sắc của mỗi nhãn trên Biểu đồ dạng thanh của thanh?
- 11. Mọi thư viện biểu đồ hoặc biểu đồ web có hỗ trợ cho các thanh lỗi không?
- 12. Cách ẩn giá trị bằng không trong biểu đồ Cột
- 13. Âm thanh Android: thay đổi độ cao
- 14. Thanh có thể nhấp trong js Highcharts?
- 15. Biểu đồ thanh Matlab - các thanh tô màu với các màu khác nhau tùy theo ký hiệu và độ lớn
- 16. Các thanh được gắn nhãn riêng cho biểu đồ thanh trong matplotlib/Python
- 17. Cách vẽ biểu đồ thanh có cùng tọa độ X cạnh nhau
- 18. Làm thế nào để bạn tạo một thanh màu khác trong biểu đồ thanh KendoUI?
- 19. d3 biểu đồ thanh là lộn ngược
- 20. jqPlot chiều rộng biểu đồ thanh
- 21. Biểu đồ lô với các điểm thay vì các thanh
- 22. SVG có thể chứa âm thanh bằng javascript không?
- 23. jqplot tooltip trên biểu đồ thanh
- 24. matplotlib biểu đồ thanh trung với ngày
- 25. Các màu sắc trên biểu đồ trong biểu đồ ExtJs/YUI có thay đổi động không?
- 26. Ẩn thanh cuộn Trong DataGridView
- 27. CSS - không có thanh cuộn trong ipad
- 28. Ẩn thanh công cụ Adobe, thanh menu, thanh cuộn, v.v.
- 29. Có thể thay đổi biểu tượng của thanh trạng thái (biểu tượng thông báo) động không?
- 30. Trong ggplot2, làm thế nào tôi có thể tạo biểu đồ thanh tỷ lệ giữa các thừa số (và thêm các thanh lỗi)?
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
@Ryan sử dụng 'linewidth' làm lộn xộn' giá trị datapoint' – shorif2000