如何使用Chart.js的插件服务为文本添加颜色

Question

我正在使用此插件：如何使用Chart.js在甜甜圈图表的中心添加文本？

我将其调整为我的需求，但我坚持尝试以与我更改文本的方式更改颜色。

Chart.pluginService.register({
    beforeDraw: function(chart) {
        var width = chart.chart.width,
            height = chart.chart.height,
            ctx = chart.chart.ctx;
        ctx.restore();
        var fontSize = (height / 134).toFixed(2);
        ctx.font = fontSize + "em fuenteTitulos";
        ctx.textBaseline = "middle";
        labelFontColor : "#DC1B3A"
        var legendHeight =  chart.legend.height;
        var text = chart.options.centertext,
            textX = Math.round((width - ctx.measureText(text).width) / 2),
            textY = height / 2;
        ctx.fillText(text, textX, textY);
        ctx.save();
    }
});

重要的是要提及我在相同的视图和脚本中有多个图形。每个不同的图都给出了centertext选项，我想对每种颜色进行相同的操作。

Answer 1

您可以用FillStyle设置Fontcolor：

ctx.fillStyle = 'blue';

只需将其设置为所需的颜色，如果您在选项中定义了颜色，则可以这样做：

ctx.fillStyle = chart.options.centercolor;

确保从您的代码中删除labelFontColor : "#DC1B3A"。