Estoy usando chartjs-plugin-datalabels para mostrar valores en el gráfico, pero las etiquetas no están centradas. La parte principal está en datasets.datalabels donde puedo anular la configuración predeterminada, que se establece en el centro de todos modos, pero quería mostrar dónde se hace. He intentado posicionarlo a la derecha, pero a medida que aumenta el valor, la etiqueta de datos está menos centrada.

Chart.register(ChartDataLabels); const data_tafkidim_cat_count = { labels: window.TafkidimCatCount.map((el) => el.TafkidCat.split(' ')).slice(0, pagination['tafkidim_cat_count'].show), datasets: [ { data: window.TafkidimCatCount.map((el) => el.Total), backgroundColor: Setcolors(), borderColor: Setcolors(1), borderWidth: 1, datalabels: { anchor: 'center', align: 'center', }, }, ], }; const config_tafkidim_cat_count = { type: 'bar', data: data_tafkidim_cat_count, options: { scales: { x: { grid: { borderColor: '#829AB1', }, ticks: { color: '#627D98', }, reverse: true, }, y: { grid: { borderColor: '#829AB1', }, beginAtZero: true, ticks: { color: '#627D98', }, }, }, plugins: { title: { text: TL['tafkidim_cat_count'], padding: { bottom: 20, }, }, legend: { display: false, }, tooltip: { callbacks: { title: (context) => { return context[0].label.replaceAll(',', ' '); }, }, }, }, }, }; const tafkidim_cat_count = new Chart('#tafkidim-cat-count'.Element().getContext('2d'), config_tafkidim_cat_count);lo solucione con
textAlign = "center"al parecer, el valor predeterminado es "inicio".