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();

            }

作为最终结果