Question

我正在尝试在var options变量中设置我的折线图颜色，但它不接受。

请告诉我我做错了什么：

    var data_data = {
        labels: [x, y, z],
        datasets: [{
            label: 'series 1',
            data: [1, 2, 3],
            borderColor: '#19a58b',
            fill: false,
        }, {
            label: 'series 2',
            data: [1, 2, 3],
            borderColor: '#f14b6a',
            fill: false,
        }, {
            label: 'series 3',
            data: [1, 2, 3],
            borderColor: '#009bff',
            fill: false,
        }]

    };


var options = {
    // THIS IS WHERE IM TRYING TO CONFIGURE COLORS BUT NOT ACCEPTING
    color: ['#19a58b', '#E00000', '#009bff'],

    scales: {
        // scales configurations
    },
};

请注意我有borderColor＆amp;我不喜欢的每个数据集中fill。帮我将这些配置移到var options

Answer 1

这是您可以使用选项设置fill的公共值的方法：

var options = {
  elements: {
    line: {
      fill: false
    }
  }
}

见工作jsfiddle。

现在borderColor。正如在docs和issue中可以看到的那样，现在还无法定义颜色集并以您想要的方式使用它（尽管提到discution包含一些有趣的解决方法）。可能它不会让你开心，但也许值得一提的是，chartjs的angularjs指令允许定义一组颜色：http://jtblin.github.io/angular-chart.js/

Charts.js配置颜色，填写选项变量

1 个答案: