甜甜圈圖內的粗體文本（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 =“ italic small-caps bold 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";