2017-08-08 67 views
5

Tôi muốn vẽ một biểu đồ giống như hình bên dưới sử dụng BokehJS.Các thanh chồng chéo với biểu đồ thanh BokehJS

Cụ thể, tôi có hai chuỗi dữ liệu chia sẻ nhãn x và tôi muốn tạo biểu đồ thanh hiển thị từng màu theo một màu khác nhau (đủ đơn giản). Nhưng phong cách khôn ngoan, tôi muốn một thanh để hẹp hơn so với khác, trong khi cả hai đều chia sẻ cùng một trung tâm trên trục x. Vì lợi ích của tầm nhìn, các thanh rộng hơn sẽ được hiển thị "phía sau" các thanh hẹp hơn.

Hơn nữa, tôi muốn sử dụng nó hoàn toàn bằng BokehJS, thay vì sử dụng giao diện Python. Tôi không thể tìm thấy bất kỳ ví dụ nào về kiểu dáng này. Bất kì sự trợ giúp nào đều được đánh giá cao!

Oh! Một điều cuối cùng: lý tưởng, tôi muốn có thể cập nhật biểu đồ này khi đang sử dụng javascript. Vì vậy, nói ở phần đầu của bài tập, dữ liệu của tôi là một biến javascript, nhưng tôi có dữ liệu thay thế trong một biến javascript khác (với cùng cấu trúc). Tôi muốn có thể cập nhật dữ liệu và có biểu đồ hiển thị lại ở phía máy khách. Trường hợp xấu nhất, tôi biết cách viết đủ JS để hoàn toàn phá vỡ âm mưu Bokeh và vẽ lại từ đầu khi tôi cần cập nhật. Nhưng tôi phải tưởng tượng có một cách để chỉ đơn giản là tiêm các dữ liệu số mới và nói với âm mưu Bokeh để cập nhật chính nó. Nhưng có lẽ tôi quá lạc quan?

Bar chart with overlapping bars

Trả lời

0

Sử dụng bokeh.plotting.vbar và thiết lập độ rộng đến một giá trị nhỏ hơn khi âm mưu dataset thứ hai.

+0

Bất kỳ cơ hội nào bạn có thể hiển thị jsfiddle đang hoạt động? – 8one6

+0

Xem câu trả lời cho https://stackoverflow.com/questions/44491172/how-to-draw-categorical-bar-plot-using-vbar-method-in-bokeh-plotting-module?rq=1 để biết ví dụ về âm mưu với vbar. Trong câu trả lời đó, chiều rộng là không đổi và chỉ có một tập dữ liệu được vẽ. Vẽ thứ hai nên thẳng về phía trước. – verisimilidude

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