动态设置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'
}
}
需要在设置 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,这时需要自己处理这种情况。
仅供参考,望采纳,谢谢。
可以告知指定 visualMap 属性所在的层级是怎么设置么?
我用parseFloat 转换后, 网页中看到的还是gt: lowRange,鼠标放上去是不带双引号的数值,这个是已经正确了吗?
主要是我看到图形加载不出来,不能确定设置正确了