chat.js圆环图字体大小不起作用

Question

我正在使用chart.js来drwa donut chart。我试图用下面的代码更改标签字体大小，但它对我不起作用。

我也尝试将它包装成两行以显示完整标签，但换行也无效。

附件是图表的示例，其中阿拉伯联合酋长国是标签，正在切割并且没有完全显示给我/

我的代码是：

var myChart = new Chart(ctx, {
    type: 'bar',
    data: {
    labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
    datasets: [{
        label: 'Fruits',
        data: ['one', 'two','three','three', 'four', 'five'],
        backgroundColor: [
            'rgba(255, 99, 132, 0.2)',
            'rgba(54, 162, 235, 0.2)',
            'rgba(255, 206, 86, 0.2)',
            'rgba(75, 192, 192, 0.2)',
            'rgba(153, 102, 255, 0.2)',
            'rgba(255, 159, 64, 0.2)'
        ],
                    borderWidth: 1,

               fontSize:18,  // This is not working 
               wrap: true,   // This is not working 
               itemWrap: true,   // This is not working 


    }]
},
options: {

    legend: {
            display: false  ,

    },

}
});

任何人，如果有任何想法？谢谢

Answer 1

尝试使用此行

  // Global Options

Chart.defaults.global.defaultFontSize = 18;
var myChart = new Chart(ctx, {
     rest of your code..
 }