这个问题可以通过在渲染处理之前使用JavaScript来解决。我们需要在chart.js
文件中找到MixedBar.js,并在以下区域添加代码:
afterDatasetsDraw: function(chart) {
var datasets = chart.data.datasets;
for (var i = 0; i < datasets.length; i++) {
var dataset = datasets[i];
if (dataset.type === 'distributed-bar') {
var meta = chart.getDatasetMeta(i);
var bars = meta.data;
for (var j = 0; j < bars.length; j++) {
var bar = bars[j];
bar._model.backgroundColor = dataset.backgroundColor[j];
}
}
}
}
在上面的代码中,我们首先检查数据集是否为distributed-bar
类型。 如果是,则获取数据集的“背景颜色”数组,并将它们分配给每个分布式条形图的“_model.backgroundColor”属性。 这将确保按照我们所期望的方式分配填充颜色。
这个解决方法是一个示例,你需要根据你的需要进行修改和调整。
下一篇:APEX获得多个外键条目