根据用户偏好指定Shield UI JavaScript图表系列颜色

我在网页上有一个Shield UI JavaScript图表。我的目标是能够通过按下一个按钮来刷新图表，这是可行的，并根据用户的选择应用一些设置。为此，我有一个选择菜单，可以从中选择数据系列的颜色：

<select id="seriescolor">
    <option value="red"> Red  </option>
    <option value="green"> Green </option>
    <option value="blue"> Blue </option>
</select>

---

您不能在图表创建模块中检查选择状态/值。相反，您需要指定选定的值。为此，您可能希望更新select选项，如下所示：

<select id="seriescolor">
    <option value="#E01B1B"> Red  </option>
    <option value="#46E01B"> Green </option>
    <option value="#1B28E0"> Blue </option>    
</select>

也可以使用其他变量：

var SeriesColor = document.getElementById("seriescolor").value

然后将其值指定给属性：

 color: document.getElementById("seriescolor").value

var SeriesColor = document.getElementById("seriescolor").value

 color: document.getElementById("seriescolor").value