如何在 for 循环中动态更改颜色的十六进制值？

Question

我在 js 文件中使用地图模板，我想通过给它们不同的背景颜色来分隔国家/地区。

下面是我的 js 文件代码片段-

for (let i = 1; i < array.length; i++) {
      var tooltip = { text :`${array[i].state} `+` ${array[i].confirmed}`};
      var lable = {
                    visible:true
                  }
        my_data[array[i].statecode] = { tooltip:tooltip, lable:lable, backgroundColor:"#ff5722"};
    }

我想为每个状态使用独特的背景颜色。

Answer 1

您可以像这样为每个颜色生成随机颜色：

for (let i = 1; i < array.length; i++) {
      var tooltip = { text :`${array[i].state} `+` ${array[i].confirmed}`};
      var lable = {
                    visible:true
                  }
        my_data[array[i].statecode] = { tooltip:tooltip, lable:lable, backgroundColor: '#' + Math.floor(Math.random() * 16777215).toString(16)};
    }

如何在 for 循环中动态更改颜色的十六进制值？

How can i change the HEX values of color dynamically inside a for loop?

javascript

css

maps

for-loop

dynamic