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

时间:2019-05-03 15:52:17

标签: javascript chart.js

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

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

有没有办法做到这一点?

P.S。 在所附的图像中,我已将镜像设置为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

image of current state

1 个答案:

答案 0 :(得分:0)

更新:

我通过使用labelString解决了此问题-有关详细信息,请参见chart.js docs

尤其是:

<link rel="stylesheet" href="main.css" type="text/css" />

这有点骇人听闻,因为我需要在var0和var1之间添加18个空格,但是在多个设备上都可以查看并且可以正常工作。

如果其他人找到其他解决方案,请分享。如果没有,我希望这对某人有帮助。

下面的更新图片-y轴上现在有几个月的时间: enter image description here