Chart.js 标签 - 水平条形图的 Y 轴上需要两个标签答案

【问题标题】：Chart.js Labelling - Need Two Labels on Y-axis of Horizontal Bar ChartChart.js 标签 - 水平条形图的 Y 轴上需要两个标签
【发布时间】：2019-09-22 04:58:14
【问题描述】：

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

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

有没有办法做到这一点？

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

到目前为止，我已经查看了这些页面并尝试使用 labelString 选项：

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

Horizontal Stacked Bar Chart with Two Y Axis Issues

Horizontal bar chart in chart.js

【问题讨论】：

标签： javascript chart.js

【解决方案1】：

更新：

我通过使用 labelString 解决了这个问题 - 有关详细信息，请参阅 chart.js docs。

特别是：

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 个空格，但在多个设备上进行了审查并且它可以工作。

如果其他人找到了不同的解决方案，请分享。如果没有，我希望这对某人有所帮助。

以下更新图片 - 现在在 y 轴上显示月份：

【讨论】：