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

您似乎没有为rand
中的每个项目创建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};
});

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

1 个答案: