chart.js 版本 3 - 如何制作重疊條形圖？
[英]chart.js version 3 - How to make an overlapping bar chart?
問題描述
是否可以使用 Chart.js 版本 3 創建這樣的圖表（下圖）？
任何建議將不勝感激。
1 個解決方案
解決方案1
1 已采納 2021-12-15 17:15:25
您可以將 x 軸與內部條的較小條百分比堆疊在一起：
const options = { type: 'bar', data: { labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"], datasets: [{ label: '# of Points', data: [7, 11, 5, 8, 3, 7], backgroundColor: 'orange', barPercentage: 0.6 }, { label: '# of Votes', data: [12, 19, 8, 10, 5, 13], backgroundColor: 'pink' } ] }, options: { scales: { x: { stacked: true } } } } const ctx = document.getElementById('chartJSContainer').getContext('2d'); new Chart(ctx, options);
<body> <canvas id="chartJSContainer" width="600" height="400"></canvas> <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.6.2/chart.js"></script> </body>
使用 Chart.js 版本 3，如何左對齊堆積條形圖上的 y 軸標簽？
[英]Using Chart.js version 3, How to left justify the y-axis labels on a stacked bar chart?
如何在 chart.js 中制作曲線條形圖或曲線柱形圖？
[英]How is it possible to make curved bar chart or curved column charts in chart.js?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.