javascript - 每个数组元素的随机背景颜色

Question

我正在使用它生成随机颜色:

var rand = 'rgb(' + (Math.floor((256-199)*Math.random()) + 200) + ',' + (Math.floor((256-199)*Math.random()) + 200) + ',' + (Math.floor((256-199)*Math.random()) + 200) + ')';

我正在映射数据:

var mappedData = data.data.map(function(item){    

    return { value: item[1], name: item[0], color: rand };
);

之后它被传递给图表。

但是 它会生成具有一种颜色的整个图表。我该如何为每个图表元素更改显示？

我尝试在 mappedData 中添加 var bgColor = rand; 然后将其分配给 color: bgColor 但它给了我相同的结果

Answer 1

It seems that you are not creating rand for every item in map

试试这个:

var mappedData = data.data.map(function(item) {
    var rand = 'rgb(' + (Math.floor((256 - 199) * Math.random()) + 200) + ',' + (Math.floor((256 - 199) * Math.random()) + 200) + ',' + (Math.floor((256 - 199) * Math.random()) + 200) + ')';
    return {value: item[1], name: item[0], color: rand};
});