javascript - 如何在 chartjs 上设置 2 个 y 轴标题(和/或标签)？

Question

我知道在 chartjs 的图表上设置标题或标签只需要图表选项的几个属性。

...
yAxes: [{
    scaleLabel: {
        display: true,
        labelString: "My Chart"
    }
}]
...

但是，无论如何要在 chartjs 上设置 2 title/label 吗？我想添加某种副标题。

Answer 1

yAxes 字幕没有选项，但您可以使用正确配置的辅助 yAxis:

scales : {
    yAxes : [{
            scaleLabel : {
                display : true,
                labelString : "subtitle",
                fontStyle : 'italic'
            }
        }, {
            display : true,
            gridLines : {
                display : false,
                color : 'transparent'
            },
            ticks : {
                display : false
            },
            scaleLabel : {
                display : true,
                labelString : "My Chart title",
                fontStyle : 'bold',
                fontSize : 14
            }
        }
    ]
}

检查这个 fiddle :https://jsfiddle.net/beaver71/jg7Lgc43/