echarts-x数据筛选

echarts-x里的数据筛选有一个很大的bug

一开始我的数据展示如图所示：

数据筛选：将图上黄色的点隐藏掉

$.ajax({

url: './data/placemark.json',

success: function (data) {

var len = data.length;

for(var i = 0;i < data.length;i++){

if(data[i][2] > 100 && data[i][2] <= 200){

data.splice(i,1);

i--;

}

}

})

筛选过后，剩下的数据重新渲染在地图上，应该是少了几个对应的黄点，然而却变成了这样：只少了一个黄点，剩下的还在。

产生这种结果的原因就在于echarts-x的一个很难让人理解的bug——页面加载初始传入的数据有多少个，渲染在地图上的就必须一直是多少个，所以，经过刚才的筛选之后，数据里确实已经筛选掉那几个黄点了，但是因为渲染的机制，图上必须还得有七个点，那么剩下的几个三个点就由原来地图上本来就存在的点来补充，所以现在的效果是，图上仍然有七个点，不过有两个点重合了，所以看起来只有六个了。很难理解，如果理解不了，我只能说解决办法：在你筛选过几个点之后，对应的加上几个透明点。比如以下操作：

$.ajax({

url: './data/placemark.json',

success: function (data) {

var len = data.length;

for(var i = 0;i < data.length;i++){

if(data[i][2] > min && data[i][2] <= max){

data.splice(i,1);

i--;

}

}

for(var j=data.length;j<=len;j++){

if(data.length == 0){

data.push([10000,10000,301]);

}

else {

data.push([data[data.length-1][0],data[data.length-1][1],301]);

}

}

getData(data);

oneChart.hideLoading();

}

})

加入点的数值是我对应的条件所需要的，个人条件不同需要进行对应的修改。这样的话，看起来就达到了我们需要的效果，如图：

黄色的点都消失了！实际上是我在地图上某个不知名的坐标上加上了3个透明点！

echarts-x的文档和资料特别少，不知道为什么，希望大家能在研究的路上一帆风顺！