相关疑难解决方法(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万
查看次数

使用Javascript动态更新chartjs中图表的选项

我创建了一个能够在chartjs中成功更新其数据的折线图,我也试图动态更改选项值.更具体地说,我希望能够改变比例.我想避免每次需要更新时重新创建图表.有没有办法动态更新选项,例如:

myLiveChart.options.scaleStepWidth = 10;
myLiveChart.update();
Run Code Online (Sandbox Code Playgroud)

注意:我也尝试了以下内容:

myLiveChart.scaleStepWidth = 10;
Run Code Online (Sandbox Code Playgroud)

也试过myLiveChart.render();而不是更新,但似乎没有什么真正起作用.

这是一个说明问题的小提琴:http://jsbin.com/yaxafehixe/1/edit?html,js,output

javascript chart.js

11
推荐指数
1
解决办法
1万
查看次数

标签 统计

javascript ×2

chart.js ×1

chart.js2 ×1

css ×1

html ×1

jquery ×1