相关疑难解决方法(0)

如何更改Chart.JS中标签的字体(系列)?

我想在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)

html javascript css jquery chart.js2

12
推荐指数
3
解决办法
2万
查看次数

Chart.js:将标签的一部分加粗

我想在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.

有任何想法吗?

chart.js

9
推荐指数
3
解决办法
7172
查看次数

标签 统计

chart.js ×1

chart.js2 ×1

css ×1

html ×1

javascript ×1

jquery ×1