【Chart.js】積み上げ棒グラフのX軸ラベルを右寄せにしたいです。

実現したいこと

タイトルの通りですが、積み上げ棒グラフのX軸ラベル部分を右寄せにしたいです。
以下にソースコードを抜粋(optionsの一部)していますが、
この方法だと中央に表示されてしまいます。
何か良い方法はありませんでしょうか？

Chart.jsは2.7.1です。

現在ソースコード

JavaScript
1options: {
2	scales : {
3		xAxes : [ {
4			stacked : true,
5			categoryPercentage : 0.5,
6			scaleLabel: {
7				display : true,
8				fontSize : 11,
9				labelString : "このX軸ラベルを右寄せにしたいです。",
10			},
11			ticks : {
12				autoSkip : false,
13				maxRotation : 30,
14			},
15		} ],
16		yAxes : [ {
17			stacked : true
18		} ],
19	},
20});

行動規範の内容に同意します

回答1件

ベストアンサー

該当部分のスクリプトは次のようになっていて、オプションでどうにかする余地がありません。

JavaScript
1		if (scaleLabel.display) {
2			// Draw the scale label
3			var scaleLabelX;
4			var scaleLabelY;
5			var rotation = 0;
6			var halfLineHeight = parseLineHeight(scaleLabel) / 2;
7
8			if (isHorizontal) {
9				scaleLabelX = me.left + ((me.right - me.left) / 2); // midpoint of the width
10				scaleLabelY = options.position === 'bottom'
11					? me.bottom - halfLineHeight - scaleLabelPadding.bottom
12					: me.top + halfLineHeight + scaleLabelPadding.top;
13			} else {
14				var isLeft = options.position === 'left';
15				scaleLabelX = isLeft
16					? me.left + halfLineHeight + scaleLabelPadding.top
17					: me.right - halfLineHeight - scaleLabelPadding.top;
18				scaleLabelY = me.top + ((me.bottom - me.top) / 2);
19				rotation = isLeft ? -0.5 * Math.PI : 0.5 * Math.PI;
20			}
21
22			context.save();
23			context.translate(scaleLabelX, scaleLabelY);
24			context.rotate(rotation);
25			context.textAlign = 'center';
26			context.textBaseline = 'middle';
27			context.fillStyle = scaleLabelFontColor; // render in correct colour
28			context.font = scaleLabelFont.font;
29			context.fillText(scaleLabel.labelString, 0, 0);
30			context.restore();
31		}