如何在 for 循環內動態更改顏色的 HEX 值？

Question

我在 js 文件中使用 map 模板，我想通過給它們不同的背景 colors 來分隔國家的狀態。

下面是我的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"};
    }

我想為每個 state 使用唯一的背景顏色。

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