javascript - 圆环图中的粗体文本 (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 Canvas 字体属性。

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";