图表js标签-水平条形图Y轴上需要两个标签

Question

我创建了一个水平条形图w/chart.js，需要在y轴上创建两组标签，但只能创建一个。

例如，参见下图，在y轴上，我有一组单词“other”和“paper ”,计数分别为2和3；在这个分组和下面的两个分组中，我还需要显示与这两个词相关的月份——比如五月。

有办法做到这一点吗？

附言：在附加的图像中，我将镜像设置为true，但如果解决方案能给我所需的输出，我愿意关闭镜像。

到目前为止，我已经查看了这些页面，并尝试使用标签字符串选项:

https://www.chartjs.org/docs/latest/axes/labelling.html

具有两个Y轴问题的水平堆叠条形图

图表中的水平条形图.js

Answer 1

更新：

我通过使用标签字符串解决了此问题 - 有关详细信息，请参阅图表.js文档。

特别：

yAxes: [{
                        gridLines: {
                            color: "rgba(0, 0, 0, 0)",
                        },
                        ticks: {
                            beginAtZero: true,
                            display: true,    
                            mirror: true,                               
                        },
                        scaleLabel: {
                            display: true,
                            labelString: [
                                    var0+'                  '+
                                    var1+'                  '+
                                    var2
                        ]
                        }
                    }]

这是一个小技巧，因为我需要在var0和var1之间添加18个空格，但在多个设备上进行了审查，它可以工作。

如果其他人找到了不同的解决方案，请共享。如果没有，我希望这能帮助一些人。