我有一個(gè)帶有兩個(gè) y 軸的圖表，我想給它們一個(gè)可以正常工作的標(biāo)題。但右側(cè)的y軸標(biāo)題旋轉(zhuǎn)了180°。我想撤消此操作，但在文檔中找不到有關(guān)如何執(zhí)行此操作的信息。minRotation 和 maxRotation 不起作用?，F(xiàn)在有人是否可以旋轉(zhuǎn)軸標(biāo)題？
1 回答
呼喚遠(yuǎn)方
TA貢獻(xiàn)1856條經(jīng)驗(yàn) 獲得超11個(gè)贊
您只能通過(guò)一種方式做到這一點(diǎn)。這就是你在 Chart.js 庫(kù)中所做的更改。
你應(yīng)該找到這部分開(kāi)頭
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();
}
作為最終結(jié)果
- 1 回答
- 0 關(guān)注
- 182 瀏覽
添加回答
舉報(bào)
0/150
提交
取消