js中怎样对变量赋值,动态修改echarts上下可视范围

Question

动态设置echarts的visualMap的可视上下限时，如下两种方式都没设置成功
不知js中怎样对这种变量赋值,或者怎样动态修改echarts上下可视范围？

方式一，直接取文本框中设置的值

myChart4.setOption({
            visualMap:{
            top: 10,
            right: 10,
            show: false,
            precision: 1,
            seriesIndex: 0,
            pieces: [{
                    gt: $("#UpRang").val(), // 方式一，在网页源代码看到的是: gt: $("#UpRang").val(),
                lte: 106, // 设置最大值
                color: '#33CC33'
            }],
            outOfRange: {
                color: '#CC3300' 
            } 

方式二,将值通过变量传过来

function GetData(upRange) {    
    visualMap:{
            top: 10,
            right: 10,
            show: false,
            precision: 1,
            seriesIndex: 0,
            pieces: [{
                    gt: upRange, // 方式二，在网页源代码看到的是: gt: upRange,
                lte: 106, // 设置最大值
                color: '#33CC33'
            }],
            outOfRange: {
                color: '#CC3300' 
            } 
}

Answer 1

需要在设置 option 的时候指定 visualMap 属性所在的层级，并且确保传入的变量值是有效的。
可以这样做:

myChart4.setOption({
    visualMap: {
        top: 10,
        right: 10,
        show: false,
        precision: 1,
        seriesIndex: 0,
        pieces: [{
            gt: parseFloat($("#UpRang").val()),
            lte: 106,
            color: '#33CC33'
        }],
        outOfRange: {
            color: '#CC3300' 
        }
    }
});

或者

function GetData(upRange) {
    myChart4.setOption({
        visualMap: {
            top: 10,
            right: 10,
            show: false,
            precision: 1,
            seriesIndex: 0,
            pieces: [{
                gt: parseFloat(upRange),
                lte: 106,
                color: '#33CC33'
            }],
            outOfRange: {
                color: '#CC3300' 
            }
        }
    });
}

需要注意的是，parseFloat 方法可以将字符串转换为数字，但是如果传入的字符串不是有效数字，那么 parseFloat 会返回 NaN，这时需要自己处理这种情况。
仅供参考，望采纳，谢谢。