圆环图中的粗体文字（chart.js）

Question

我正在尝试在甜甜圈图表中设置粗体文字（使用chart.js）

以下代码运行良好，但-fontStyle和fontWeight-这些根本不起作用。

如何将中心文字更改为粗体？

let ctx = chart.chart.ctx;

ctx.textAlign = 'center';
ctx.textBaseline = 'middle';
ctx.font = '3vh Montserrat';
ctx.fontStyle = 'bold';  // not working!
ctx.fontWeight = '900';  // not working!

http://jsfiddle.net/wh5kcqzy/3/

Answer 1

请参见HTML画布字体属性。

JavaScript语法：context.font =“斜体小写粗体12px arial”;

参考：https://www.w3schools.com/tags/canvas_font.asp

在您的情况下，只需替换：

let ctx           =   chart.chart.ctx;
let fontSize      =   (height / 100).toFixed(2);

ctx.textAlign     =   'center';
ctx.textBaseline  =   'middle';
ctx.font          =   "bold " + fontSize + "em Montserrat";