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

【问题标题】：Specifying Shield UI JavaScript Chart series color, based on user preferences根据用户偏好指定 Shield UI JavaScript 图表系列颜色
【发布时间】：2013-09-13 10:06:44
【问题描述】：

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

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

此外，我在刷新函数中放置了以下代码：

       seriesSettings: {
            line: {
                applyAnimation: {
                    duration: 0
                },
                pointMark: {
                    enabled: false
                },
                if (document.getElementById("seriescolor").value=='red'){
                    color: 'green',
                },                    
                if (document.getElementById("seriescolor").value=='green'){
                    color: 'green',
                },                    
                if (document.getElementById("seriescolor").value=='blue'){
                    color: 'green',
                },
            }
        },

【问题讨论】：

标签： javascript shieldui

【解决方案1】：

您不能检查图表创建模块中的选择状态/值。相反，您需要分配选定的值。为此，您可能需要像这样更新您的选择选项：

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

此外，您可以通过选择以下两个选项之一来分配颜色值：

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

或者你可以使用一个额外的变量：

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

然后将其值分配给属性：

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

【讨论】：