Chartjs：旋转轴标题

Question

我有一个带有两个 y 轴的图表，我想给它们一个可以正常工作的标题。但右侧的y轴标题旋转了180°。我想撤消此操作，但在文档中找不到有关如何执行此操作的信息。

minRotation 和 maxRotation 不起作用。

现在有人是否可以旋转轴标题？

Answer 1

您只能通过一种方式做到这一点。这就是你在 Chart.js 库中所做的更改。你应该找到这部分开头if (scaleLabel.display) { 在 Chart.js 中并放入var isRight = options.position === 'right';rotation = isRight ? -0.5 * Math.PI : rotation;如下            if (scaleLabel.display) {                // Draw the scale label                var scaleLabelX;                var scaleLabelY;                var rotation = 0;                if (isHorizontal) {                    scaleLabelX = me.left + ((me.right - me.left) / 2); // midpoint of the width                    scaleLabelY = options.position === 'bottom' ? me.bottom - (scaleLabelFontSize / 2) : me.top + (scaleLabelFontSize / 2);                } else {                    var isLeft = options.position === 'left';                    scaleLabelX = isLeft ? me.left + (scaleLabelFontSize / 2) : me.right - (scaleLabelFontSize / 2);                    scaleLabelY = me.top + ((me.bottom - me.top) / 2);                    rotation = isLeft ? -0.5 * Math.PI : 0.5 * Math.PI;                    var isRight = options.position === 'right';                    rotation = isRight ? -0.5 * Math.PI : rotation;                }                context.save();                context.translate(scaleLabelX, scaleLabelY);                context.rotate(rotation);                context.textAlign = 'center';                context.textBaseline = 'middle';                context.fillStyle = scaleLabelFontColor; // render in correct colour                context.font = scaleLabelFont;                context.fillText(scaleLabel.labelString, 0, 0);                context.restore();            }作为最终结果