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