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以及。