Question

我创建了一个带有chart.js的条形图，但所有条形图都是灰色的。我如何将它们全部变成蓝色？继承我的代码：

var ctx = document.getElementById("myChart");
var myChart = new Chart(ctx, {
  type: 'bar',
  data: {
    labels: dates,
    datasets: [
      { 
        data: values
      }
    ]
  }
});

从阅读文档看来，我似乎需要更改属性：backgroundColor。因此，某处应该有一条线：

backgroundColor: 'blue'

或类似的东西。我还没有找到答案，文档中的所有示例都比我需要的更复杂。

Answer 1

var ctx = document.getElementById("myChart");
var myChart = new Chart(ctx, {
  type: 'bar',
  data: {
    labels: dates,
    datasets: [
      { 
        backgroundColor: ["#0000FF"],
        data: values
      }
    ]
  }
});

如何更改chart.js条形图中的条形颜色？

1 个答案: