Biểu đồ thanh xếp chồng đứng ngang với biểu đồ.js

Question

Tôi đang cố gắng tìm hiểu xem có plugin nào để thực hiện biểu đồ thanh xếp chồng ngang với chart.js

Tôi thấy có các plugin cho biểu đồ thanh xếp chồng và cũng cho ngang biểu đồ thanh, nhưng tôi không tìm thấy một kết hợp cả hai.

https://github.com/Regaddi/Chart.StackedBar.js

Bất kỳ ai biết cách đạt được điều này?

Answer 1

Tôi biết điều này là một vài tháng tuổi, nhưng tôi nghĩ rằng tôi muốn thêm câu trả lời cho các thế hệ tương lai.

Tôi có thể thực hiện mà không cần thêm plugin. Nếu bạn đặt xAxes và yAxes để xếp chồng lên nhau: true dưới scale, bạn có thể tạo một đồ thị nằm ngang xếp chồng lên nhau.

scales: { 
    xAxes: [{ 
      stacked: true, 
    }], 
    yAxes: [{ 
      stacked: true 
    }] 
} 

Đây là bút nhanh để thể hiện cách tôi đã làm. http://codepen.io/jamiecalder/pen/NrROeB

Bonus: Bao gồm mã để hiển thị các giá trị trên đồ thị

Answer 2

Hãy xem ngã ba ChartNew.js (https://github.com/FVANCOP/ChartNew.js). Điều này có HorizontalStackedBars (và nhiều bổ sung khác). Xem https://github.com/FVANCOP/ChartNew.js/wiki/050_available_graphs để biết nó trông như thế nào.