Chart.js:将标签的一部分加粗

Question

我想在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"]],

我使用ChartJS版本2.3.0.

有任何想法吗？

Answer 1

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

Chart.defaults.global.defaultFontStyle = 'Bold'

或者

 options: {
    scale: {
        pointLabels :{
           fontStyle: "bold",
        }
    }
}

参考资料：1）图表js。如何更改“标签”数组的字体样式？

希望这可以帮助！

乔尔

Answer 2

标签实际上由刻度表示，请尝试以下解决方案。

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

希望这会帮助你。

Answer 3

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'
            }
        }
    }
});

您可以在http://www.chartjs.org/docs/latest/general/fonts.html找到

我希望它会对你有所帮助。