无法动态更新ArcGIS JavaScript SDK要素图层渲染器的颜色渐变值

我参考ArcGIS JavaScript SDK官方的连续颜色渐变可视化示例，已经实现了要素图层的数据可视化，但无法动态更新渲染器的颜色渐变范围值。

初始渲染器的设置代码如下：

const renderer = {
    type: "simple",
    symbol: { 
      type: "simple-fill" 
    },
    visualVariables: [
        {
            type: "color",
            field: undefined,
            stops: [
                {
                    color: [ 176, 196, 216, 1, ],
                    value: 0,
                },
                {
                    color: [ 0, 51, 160, 1, ],
                    value: undefined, // 需要更新为选中字段的最大值
                },
            ],
        },
    ],
};

我的需求是：

• 选择字段后，将渲染器颜色渐变中的最大值更新为所选字段的最大值

目前的实现情况：

• 地图加载后通过点击事件可以更新最大值
• 图例中的最大值已经显示为新值，但渲染器的颜色渐变并未适配新的数值范围

内容的提问来源于stack exchange，提问作者user22192210