Chart.js多個系列具有相同的比例

Question

我有一個疊加的條形圖，其中有一個使用Chart.js的拆分折線圖組合圖。我需要堆疊的條和拆散的線出現在同一個軸上。看來我不能做到這一點，所以我把它們放在不同的軸上，以便一個可以堆疊，另一個不能（例如，覆蓋生產不同部件的生產線）。但是，如果他們必須在不同的軸上，那麼我需要他們具有相同的比例。我無法找到一種方法來強制軸自動具有相同的比例，所以我不得不嘗試計算我自己的比例尺並將它們分別設置。這是不理想的，我寧願如果我可以使用一個設置來強制他們使用相同的比例。這可能嗎？

這裏是一個與我基本相同的問題：Chart.js place both series on same scale唯一的區別是我需要堆疊我的酒吧系列，這使我無法使用相同的座標軸。

Answer 1

我可能會誤解你正在嘗試做的事情，但可以在同一軸上創建一個堆疊的條形圖，其中包含未堆疊的折線圖組合。

下面是一個示例配置，顯示如何操作。

var myChart = new Chart(ctx, { 
    type: 'bar', 
    data: { 
    labels: ["January", "February", "March", "April", "May", "June", "July"], 
    datasets: [{ 
     type: 'line', 
     label: 'Dataset 1', 
     borderColor: window.chartColors.blue, 
     borderWidth: 2, 
     fill: false, 
     data: [5, 3, 4, 10, 8, 9, 2] 
    }, { 
     type: 'bar', 
     label: 'Dataset 2', 
     backgroundColor: window.chartColors.red, 
     stack: 'Stack 0', 
     data: [2, 4, 1, 3, 7, 3, 6], 
     borderColor: 'white', 
     borderWidth: 2 
    }, { 
     type: 'bar', 
     label: 'Dataset 3', 
     backgroundColor: window.chartColors.green, 
     stack: 'Stack 0', 
     data: [7, 2, 4, 5, 6, 4, 2] 
    }] 
    }, 
    options: { 
    responsive: true, 
    title: { 
     display: true, 
     text: 'Chart.js Stacked Bar and Unstacked Line Combo Chart' 
    }, 
    tooltips: { 
     mode: 'index', 
     intersect: true 
    }, 
    scales: { 
     xAxes: [{ 
     stacked: true, 
     }] 
    } 
    } 
}); 

下面是一個工作codepen example以及。