Javascript 圆环图(chart.js)中的粗体文本
我正在尝试在我的甜甜圈图表中设置粗体文本(使用chart.js) 下面的代码工作得很好,但是-fontStyle和fontweet根本不起作用 如何将中心文本更改为粗体Javascript 圆环图(chart.js)中的粗体文本,javascript,charts,chart.js,Javascript,Charts,Chart.js,我正在尝试在我的甜甜圈图表中设置粗体文本(使用chart.js) 下面的代码工作得很好,但是-fontStyle和fontweet根本不起作用 如何将中心文本更改为粗体 let ctx = chart.chart.ctx; ctx.textAlign = 'center'; ctx.textBaseline = 'middle'; ctx.font = '3vh Montserrat'; ctx.fontStyle = 'bold'; // not working! ctx.fontWeig
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!
请参见HTML画布字体属性 JavaScript语法:context.font=“italic small caps bold 12px arial” 参考: 在您的情况下,只需更换:
let ctx = chart.chart.ctx;
let fontSize = (height / 100).toFixed(2);
ctx.textAlign = 'center';
ctx.textBaseline = 'middle';
ctx.font = "bold " + fontSize + "em Montserrat";
您可以将此代码添加到JSFIDLE吗?@Jaydp I added:)