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"]],

Iam使用ChartJS 2.3.0版

有什么想法吗

Chart.defaults.global.defaultFontColor = 'red';
let chart = new Chart(ctx, {
    type: 'line',
    data: data,
    options: {
        legend: {
            labels: {
                // This more specific font property overrides the global property
                fontColor: 'black'
            }
        }
    }
});

你可以在

---

我希望它能对您有所帮助。

我对chartJS不太熟悉，但我相信您可以添加以下内容：

Chart.defaults.global.defaultFontStyle = 'Bold'

或

参考资料： (一)

希望这有帮助

---

乔尔

我刚试过这个。下面链接中的任何可接受值都应该有效

例：

---

如果您正在寻找一个具有值处理和一些标志，粗体标签等花式标签

           labels: {
                        render:function (args) {
                            if (args.value != 0)
                                return +(parseFloat(args.value).toFixed(2)) + "hrs";
                        },
                        fontStyle: "bold",
                        fontColor: 'black',
                        position : 'outside'
                    }

我希望这能有所帮助。

标签实际上是用记号表示的，请尝试下面的解决方案

public barChartOptions = {
    scales: {
      xAxes: [{
        /* For changing color of x-axis coordinates */
        ticks: {
          fontSize: 18,
          padding: 0,
          fontColor: '#000'
        }
      }]
      }
  };    

---

希望这能对你有所帮助

您需要直接使用UTF-8字符。我现在正在处理不同的图表，在上可用的工具对我帮助很大

例如，以下单词是由该工具创建的，请参阅源代码，它们没有任何HTML格式：

你好，世界！

---

fontStyle

值应该出现在

ticks

对象中（如果是

react-chartjs-2

）

---

可能重复的No与此不同。在您发布的链接中，问题是如何将所有标签都加粗。在我的问题中，我问是否有办法只将酒吧标签加粗，而不将小时标签加粗。我也一直在寻找一种选择，即只将部分标签加粗，并且没有找到可以引导我们找到解决方案的文档。在我的用例中，我希望在x轴上显示日期，例如

2003年11月11日星期五

，但是

2003年11月11日星期五

是粗体，而

2003年11月11日

不是粗体。据我所知，实现这一点的唯一方法是手动生成标签并自己处理逻辑。另外@Deja，请仔细阅读问题和图表@bergJ显然要求文本部分加粗。谢谢你的输入，但这不是我想要的。我编辑了我的问题，用一个例子来说明我想要什么。谢谢你的输入，但这不是我想要的。我已经编辑了我的问题，以通过一个示例更清楚地说明我想要什么。请记住，此设置已移动到

options>scales>yAxes或xAxes>scaleLabel>fontStyle

           labels: {
                        render:function (args) {
                            if (args.value != 0)
                                return +(parseFloat(args.value).toFixed(2)) + "hrs";
                        },
                        fontStyle: "bold",
                        fontColor: 'black',
                        position : 'outside'
                    }

public barChartOptions = {
    scales: {
      xAxes: [{
        /* For changing color of x-axis coordinates */
        ticks: {
          fontSize: 18,
          padding: 0,
          fontColor: '#000'
        }
      }]
      }
  };    

const options = { 
  scales: {
    xAxes: [
      {
        ticks: {
          fontColor: '#2c2c2c', // X-Axis font color
          fontStyle: 'bold',    // X-Axis font style 
        },
      },
    ],
  }
}