Vue で Chart.js 4.2.1 データ ラベル スタイルを変更する

Question

Vue と ChartJS を使用していますが、データ ラベルのスタイルを変更したいと考えています。

データ ラベルが 3 つあり、2 番目のラベルのスタイルを標準から太字に変更したいと考えています。

試したこと - 1

プラグイン: {
    伝説： {
        表示: 偽、
    }、
    ツールチップ: {
        有効: false、
    }、
    データラベル: {
        フォーマッタ: 関数 (値、コンテキスト) {
            if (context.dataIndex === 1) {
                var ctx = context.chart.ctx;
                ctx.font = "太字 20px 'Noto Sans Kr'、サンセリフ";
                ctx.fillStyle = "#333";
                console.log(ctx.fontWeight);
            }
            戻り値「원」;
        }、
    }、
}、

試したこと - 2

プラグイン: {
    伝説： {
        表示: 偽、
    }、
    ツールチップ: {
        有効: false、
    }、
    データラベル: {
        フォーマッタ: 関数 (値、コンテキスト) {
            if (context.dataIndex === 1) {
                戻る {
                    テキスト: 値、
                    スタイル ： {
                        重み: '太字'
                    }
                }
            }
            戻り値「원」;
        }、
    }、
}、

2 番目のメソッドによって返されるテキストは [object object] であるため、スタイルが適切に機能しているかどうかは確認できません。

データベースの個々のスタイルを変更するのにご協力ください。

Answer 1

フォントを変更するには、formatter の代わりにスクリプト可能オプション font を実装する必要があります。

リーリー