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

我正在尝试使用 Chart.js 创建一个图表，如下所示（例如）：

https://thebreadoflifeblog.files.wordpress.com/2013/01/uk-age-pyramid.png https://thebreadoflifeblog.files.wordpress.com/2013/01/uk-age-pyramid.png

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

但实际上也存在一些问题。

1. 正如我所说，这实际上是两个不同的图表。我只想拥有一个对象。
2. 我删除了 y 轴。我可以保留一个来显示 yAxis 标签，但在这种情况下，两个图形之一将小于另一个。我希望标签显示在两个图表之间。
3. 左侧的图表使用负值来实现从右到左的条形。有没有办法“恢复”轴？我看到有一个“缩放”方法，但仅恢复轴似乎很复杂......

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

我遇到了和你一样的问题，并设法使用 React Chart JS 的水平条形图修复它：但只有一个;-)

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

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


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

你可以获得一个相当不错的结果：