图表js。如何通过工具提示的中心对齐文本？

Question

bodyAlign和titleAlign不起作用，也许有人知道如何通过工具提示的中心对齐文本？

https://jsfiddle.net/Dima1501/m7s43hrs/2900/

var ctx = document.getElementById("myChart");
var myChart = new Chart(ctx, {
  type: 'doughnut',
  data: {
    labels: ["Red", "Blue", "Yellow"],
    datasets: [{
      label: '# of Votes',
      data: [12, 19, 3],
      backgroundColor: [
      ],
      borderColor: [
      ],
      borderWidth: 1
    }]
  },
 options: {
    tooltips: {
    yAlign: 'bottom',
            xAlign: 'center',
    xPadding: 25,
            yPadding: 15,
      xPadding: 45,
      titleAlign: 'center',
            footerAlign: 'center',
            bodyAlign: 'center',
  callbacks: {
  },
  backgroundColor: '#ccc',
  titleFontSize: 16,
  titleFontColor: '#0066ff',
  bodyFontColor: '#000',
  bodyFontSize: 14,
  displayColors: false
   }
  }
});

Answer 1

您的align properties搞砸了。 试试看：

https://jsfiddle.net/m7s43hrs/2951/

Answer 2

您使用的是带有错误的2.5.0。更新到最新的2.8.0，它已经可以正常工作了。 https://jsfiddle.net/zhuhang95/utc9wenx/4/

通常，使用titleAlign和bodyAlign应该可以解决问题。

Chart.js文档：https://www.chartjs.org/docs/latest/configuration/tooltip.html#alignment

        options: {
            tooltips: {
                titleAlign: 'center',
                bodyAlign: 'center'
            }
        }