我想在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) 我开发了在条形图中显示一些数据的程序,我使用chart.js并配置我的数据,我只想自定义标签并使特定标签加粗和红色
我在 (ticks) 属性中使用回调函数来访问标签的值
xAxes: [{
ticks: {
fontFamily: "IRANSans",
fontSize: 16,
autoSkip: false,
callback: function(value) {
if (value === 'some_value') {
return (make color red)
} else {
return (make color blue)
}
}
}
}]
Run Code Online (Sandbox Code Playgroud)
当条件等于 some_value 时,我只想更改标签的颜色,请帮我更正我的代码:) 非常感谢:)
我不知道如何将文本颜色更改为白色。我想更改 x、y 轴和图表顶部的标签。我看过有关堆栈溢出的其他帖子,我觉得这些帖子已经过时并且适用于旧版本的 Chart.js。
ChartJS 版本:3.3.2
代码:
<canvas id="myChart" width="1000px" height="1000px"></canvas>
<script>
var ctx = document.getElementById('myChart').getContext('2d');
var myChart = new Chart(ctx, {
type: 'line',
data: {
<?php
echo "labels: [";
for ($i = 1; $i < $monthdays; $i++) {
echo "'" . $i . "'" . ",";
}
echo "],";
?>
//labels: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'],
datasets: [{
color: 'rgb(255,255,255)',
label: 'net volume of sales',
data: [12, 19, 3, 5, 2, 3, 12, 19, 3, 5, 2, 3, …Run Code Online (Sandbox Code Playgroud)