Charts chartjs datalabels更改饼图中显示的文本的字体和颜色

我正在使用

及

我已经从chartjs及其插件中获得了我所需要的一切。这是我的期末考试

这是我的密码

  ( function ( $ ) {
            "use strict";
            /////////////Pie chart START here//////////////////////////////
            var ctx = document.getElementById( "pieChart" );
            ctx.height = 130;
            var myChart = new Chart( ctx, {
            type: 'pie',
            data: {
            datasets: [ {   
            data: [ 40, 20, 10, 3, 7, 15, 4, 52 ],
            backgroundColor: [
            "rgba(0,128,128)",
            "rgba(255,20,147)",
            "rgba(0,0,128)",
            "rgba(0,128,0)",
            "rgba(128,0,0)",
            "rgba(255,0,0)",
            "rgba(218,112,214)",
            "rgba(70,130,180)"
            ],
            hoverBackgroundColor: [
            "rgba(0,128,128)",
            "rgba(255,20,147)",
            "rgba(0,0,128)",
            "rgba(0,128,0)",
            "rgba(128,0,0)",
            "rgba(255,0,0)",
            "rgba(218,112,214)",
            "rgba(70,130,180)"
            ]
            } ],
            labels: [
            "Open",
            "On-Hold (Need Spares)",
            "In-Process",
            "Closed",
            "Re-Open",
            "On-Hold (Condemnation)",
            "On-Hold (For Decision)",
            "On-Hold (For Revision)"
            ]
            },
            options: {
            responsive: true,
                legend: {
                position: 'left',     
                    labels: {
                        fontSize:17,  
                    }
                }
            }

            } );
            /////////////Pie chart END here//////////////////////////////

        } )( jQuery );

现在，我需要更改显示在饼图每个部分中的文本（数据）的字体大小和颜色。有什么帮助吗

---

注意：我正在使用chart.js v2.7.2

我使用chart js和datalebels，可以这样做：

plugins: {
      datalabels: {
        color: #ffffff,
        formatter: function (value) {
          return Math.round(value) + '%';
        },
        font: {
          weight: 'bold',
          size: 16,
        }
      }
    }

当然，在我的示例中，我添加了“%”，这就是我在formatter中使用该函数的原因

请记住，“插件”是图表中“选项”的一部分

---

插件datalabels的页面包含了更多您可以执行的操作

如果您想更改字体系列，则可以执行以下操作：

plugins: {
      datalabels: {
        color: #ffffff,
        formatter: function (value) {
          return Math.round(value) + '%';
        },
        font: {
          weight: 'bold',
          size: 16,
        }
      }
    }

添加字体系列，例如添加“Josefin Sans”字体系列

<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Josefin+Sans">

---

谢谢@Sandy Veliz。。我忘了更新我的问题，因为我在另一个平台上发现了这个问题。请问您是如何发现

字体的？文件只提到颜色。。。Thanks@PhoenixPan在datalabels插件的文档页面中，这里有一个示例链接：Ohh，对！我正在检查chartjs文档。看来我应该更仔细地考虑我在哪里搜索…谢谢你，伙计！