使用chart.js的年龄金字塔图

我正在尝试使用chart.js创建一个图表，例如：

我尝试了多种可能性，到目前为止，我发现最好的一种是使用一个简单的技巧合并两个水平条形图：

但实际上存在一些问题

正如我所说，这实际上是两个不同的图表。我只想要一个对象

我去掉了雅克西斯。我可以留下一个来显示yAxis标签，但在这种情况下，两个图形中的一个将比另一个小。我想在两个图表之间显示标签

左边的图表使用负值来实现从右到左的条形图。有没有办法“还原”轴？我看到有一个“缩放”的方法，但它似乎只是恢复轴复杂

---

我想知道我是否可以做些什么来更轻松地创建这样的图表，最重要的是，作为一个独特的图表。

我遇到了与您相同的问题，并使用React-ChartJS的HorizontalBarChart解决了它：但只有一个；-）

尝试堆叠yAxis并使用options属性添加两个数据集

const populationPyramidOptions = {
scales: {
    yAxes: [{
        stacked: true
    }],
    xAxes: [{
        stacked: false
    }]
}


<HorizontalBar data={chartData} options={populationPyramidOptions} />

常量填充金字塔选项={
比例：{
雅克斯：[{
是的
}],
xAxes：[{
错误：错误
}]
}

您可以得到一个非常好的结果：