Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/436.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 圆环图(chart.js)中的粗体文本_Javascript_Charts_Chart.js - Fatal编程技术网

Javascript 圆环图(chart.js)中的粗体文本

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

我正在尝试在我的甜甜圈图表中设置粗体文本(使用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.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:)