如何在 for 循环内动态更改颜色的 HEX 值？答案

【问题标题】：How can i change the HEX values of color dynamically inside a for loop?如何在 for 循环内动态更改颜色的 HEX 值？
【发布时间】：2020-10-13 09:32:30
【问题描述】：

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

下面是我的js文件代码的sn-p-

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"};
    }

我想为每个州使用唯一的背景颜色。

【问题讨论】：

这是什么问题？
我的回答对你有用吗？如果是，请将其标记为已接受。如果不是，那是什么问题？

标签： javascript css for-loop dynamic maps

【解决方案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)};
    }

【讨论】：