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

Chartjs 在回调函数中更改 x 轴的特定标签颜色

我开发了在条形图中显示一些数据的程序,我使用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 时,我只想更改标签的颜色,请帮我更正我的代码:) 非常感谢:)

javascript chart.js

6
推荐指数
1
解决办法
1092
查看次数

Chart.JS 更改文本颜色

我不知道如何将文本颜色更改为白色。我想更改 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)

html javascript chart.js

-1
推荐指数
1
解决办法
3975
查看次数

标签 统计

javascript ×3

chart.js ×2

html ×2

chart.js2 ×1

css ×1

jquery ×1