首页 > 解决方案 > chart.js 更改标签字体颜色

问题描述

我有一个类似这个例子的图表: 在此处输入图像描述

这是代码:

new Chart(document.getElementById("bar-chart-grouped"), {
type: 'bar',
data: {
  labels: ["1900", "1950", "1999", "2050"],
  datasets: [
    {
      label: "Africa",
      backgroundColor: "#3e95cd",
      data: [133,221,783,2478]
    }, {
      label: "Europe",
      backgroundColor: "#8e5ea2",
      data: [408,547,675,734]
    }
  ]
},
options: {
  title: {
    display: true,
    text: 'Population growth (millions)'
  }
}

});

这工作没有问题。我想要做的是更改每个标签的字体颜色,例如非洲的字体颜色为红色,欧洲的字体颜色为蓝色。

感谢帮助。

标签: colorslabelchart.js

解决方案


推荐阅读