echarts5折线图纵坐标丢失
时间: 2024-04-05 09:25:48 浏览: 179
在ECharts 5中,如果折线图的纵坐标丢失,可能是因为数据中存在NaN或undefined值。可以通过以下方法解决此问题:
1.检查数据源,确保没有NaN或undefined值。
2.使用ECharts提供的dataFilter功能过滤数据,例如:
```javascript
option = {
xAxis: {...},
yAxis: {...},
series: [{
type: 'line',
data: [10, 20, NaN, 30, undefined, 40],
dataFilter: function (data) {
var newData = [];
for (var i = 0; i < data.length; i++) {
if (isNaN(data[i]) || data[i] === undefined) {
newData.push('-');
} else {
newData.push(data[i]);
}
}
return newData;
}
}]
};
```
3.使用ECharts提供的visualMap功能,将NaN或undefined值替换为其他值,例如:
```javascript
option = {
xAxis: {...},
yAxis: {...},
visualMap: {
type: 'continuous',
dimension: 1,
min: 0,
max: 100,
calculable: true,
inRange: {
color: ['#50a3ba', '#eac736', '#d94e5d']
}
},
series: [{
type: 'line',
data: [10, 20, NaN, 30, undefined, 40],
encode: {
x: 0,
y: 1
}
}]
};
```
阅读全文