javascript - Chart.js条形图中的默认视觉样式

该文档提供了有关条形图的一些示例:

var data = {
    labels : ["January","February","March","April","May","June","July"],
    datasets : [
        {
            fillColor : "rgba(220,220,220,0.5)",
            strokeColor : "rgba(220,220,220,1)",
            data : [65,59,90,81,56,55,40]
        },
        {
            fillColor : "rgba(151,187,205,0.5)",
            strokeColor : "rgba(151,187,205,1)",
            data : [28,48,40,19,96,27,100]
        }
    ]
}

然后使用new Chart(ctx).Bar(data);创建图表

是否可以将 View 与数据分开定义，即在其他地方定义fillColor和strokeColor，而在data对象中仅保留datasets？假设我只需要一组数据集。

我想在后端生成数据(标签和值)，并将 View 详细信息留给前端。

官方选项并不期望这样。

文件:
http://www.chartjs.org/docs/#barChart

最佳答案

您是正确的，因为chartjs不支持将这些属性用作全局选项。

幸运的是，快速修复需要您仅更改源代码行，包括...

data.datasets[i].fillColor

...例如:

config.fillColor || data.datasets[i].fillColor

...导致类似于以下内容:

ctx.fillStyle = config.fillColor || data.datasets[i].fillColor;

strokeColor也是如此。

然后，您可以将fillColor属性添加到全局配置中，或将其包含在数据集中。