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

Question

文档给出了一个关于条形图的小例子:

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 与 data 分开定义，即在别处定义 fillColor 和 strokeColor datasets 对象中只有 data？假设我只想要数据集中的一组。

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

官方选项不希望这样。

---

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

Answer 1

你是对的 chartjs不支持这些属性作为全局选项。

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

data.datasets[i].fillColor

...例如:

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

...结果类似于:

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

这同样适用于 strokeColor。

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