我想在Chart.JS水平条形图中将字体更改为snazzier.我尝试了以下,但没有一个有效:
var optionsBar = {
. . .
//fontFamily: "'Candara', 'Calibri', 'Courier', 'serif'"
//bodyFontFamily: "'Candara', 'Calibri', 'Courier', 'serif'"
//bodyFontFamily: "'Candara'"
label: {
font: {
family: "Georgia"
}
}
};
Run Code Online (Sandbox Code Playgroud)
我也读到这会起作用:
Chart.defaults.global.defaultFont = "Georgia"
Run Code Online (Sandbox Code Playgroud)
...但是这段代码会去哪里,它究竟应该如何?我试过这个:
priceBarChart.defaults.global.defaultFont = "Georgia";
Run Code Online (Sandbox Code Playgroud)
......但也没有好的效果.
对于完整的图片/上下文,以下是构成此图表的所有代码:
HTML
<div class="chart">
<canvas id="top10ItemsChart" class="pie"></canvas>
<div id="pie_legend"></div>
</div>
Run Code Online (Sandbox Code Playgroud)
JQUERY
var ctxBarChart =
$("#priceComplianceBarChart").get(0).getContext("2d");
var barChartData = {
labels: ["Bix Produce", "Capitol City", "Charlies Portland",
"Costa Fruit and Produce", "Get Fresh Sales",
"Loffredo East", "Loffredo West", "Paragon", "Piazza Produce"],
datasets: [ …Run Code Online (Sandbox Code Playgroud) 我想在chartJS粗体中制作标签的一部分.我一直在查看文档,但我无法找到任何方式.如果可能的话,我希望有人可以帮助我.:)下面是我希望它如何工作的图片.(它在photoshop中制作)

所以我想把"bar total","bar 1","bar 2","bar 3"和"bar 4"加粗,这样与小时的差异就更明显了.
标签在我的代码中设置如下:
labels: [["bar total", "150 hour"], ["bar 1", "70 hour"], ["bar 2", "30 hour"], ["bar 3", "40 hour"], ["bar 4", "10 hour"]],
Run Code Online (Sandbox Code Playgroud)
我使用ChartJS版本2.3.0.
有任何想法吗?