Tukar gaya label data Chart.js 4.2.1 dalam Vue

Question

Saya menggunakan Vue dan ChartJS, dan saya mahu menukar gaya label data.

Saya mempunyai 3 label data dan saya mahu menukar gaya label kedua daripada biasa kepada tebal.

Apa yang saya cuba - 1

plugin: {
    lagenda: {
        paparan: palsu,
    },
    petua alat: {
        didayakan: palsu,
    },
    label data: {
        pemformat: fungsi (nilai, konteks) {
            if (context.dataIndex === 1) {
                var ctx = context.chart.ctx;
                ctx.font = "20px tebal 'Noto Sans Kr', sans-serif";
                ctx.fillStyle = "#333";
                console.log(ctx.fontWeight);
            }
            nilai pulangan + "원";
        },
    },
},

Apa yang saya cuba - 2
plugin: {
    lagenda: {
        paparan: palsu,
    },
    petua alat: {
        didayakan: palsu,
    },
    label data: {
        pemformat: fungsi (nilai, konteks) {
            jika (context.dataIndex === 1) {
                kembali {
                    teks: nilai,
                    gaya : {
                        berat: 'berani'
                    }
                }
            }
            nilai pulangan + "원";
        },
    },
},

Teks yang dikembalikan oleh kaedah kedua ialah [objek objek], jadi saya tidak dapat mengesahkan bahawa penggayaan berfungsi dengan betul. 
Tolong bantu saya menukar gaya individu pangkalan data. 
            

Answer 1

Untuk menukar fon anda harus melaksanakan pilihan boleh skrip font 而不是 formatter.

datalabels: {
    font: (context) => context.dataIndex === 1 ? ({weight: 'bold'}) : undefined 
    formatter: (value) => value + "원"
  },