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的文档和资料特别少，不知道为什么，希望大家能在研究的路上一帆风顺！

echarts-x数据筛选相关推荐

在MSTR中使用ECharts作为VI模板（2）-- 数据筛选器
在上一篇中(点击这里查看),我们创建了一个最简单的ECharts VI,但是当添加筛选器的时候发现对这个VI完全不起作用. 因而,本篇就要介绍如何给VI做数据筛选以及如何使用VI作为数据筛选器. 本篇 ...
Vue 之 echarts 图表数据可视化的基础使用（简单绘制各种图表、地图）
Vue 之 echarts 图表数据可视化的基础使用(简单绘制各种图表.地图) 目录 Vue 之 echarts 图表数据可视化的基础使用(简单绘制各种图表.地图) 一.简单介绍二.环境搭建三.使 ...
ECharts实现数据可视化超详细基础入门教程
ECharts实现数据可视化超详细基础入门教程 ECharts介绍 ECharts官网:https://echarts.apache.org/zh/index.html ECharts是一款基于Jav ...
php 自定义表格并统计,PHP 使用Echarts生成数据统计报表的实现
这篇文章主要介绍了PHP 使用Echarts生成数据统计报表的实现代码,需要的朋友可以参考下 echarts统计,简单示例先看下效果图看下代码 HTML页面为ECharts准备一个Dom,宽高自 ...
QIIME 2教程. 12数据筛选Filtering data(2021.2)
QIIME 2用户文档. 12数据筛选 Filtering data https://docs.qiime2.org/2021.2/tutorials/filtering/ 注:此实例需要完成本系列文 ...
csvtk：命令行下表格统计分析、数据筛选、替换、整理神器
文章目录安装介绍功能使用例子猜你喜欢写在后面内容主要来自csvkt官方中文介绍 https://bioinf.shenwei.me/csvtk/chinese/.有改动,内容有增加如 ...
QIIME 2用户文档. 12数据筛选Filtering data(2019.7)
前情提要 NBT:QIIME 2可重复.交互和扩展的微生物组数据分析平台 1简介和安装Introduction&Install 2插件工作流程概述Workflow 3老司机上路指南Experi ...
QIIME 2教程. 12数据筛选Filtering data(2020.11)
文章目录 QIIME 2用户文档. 12数据筛选下载实验相关数据过滤特征表按数据量过滤偶然因素的过滤基于标识符的过滤基于元数据的筛选基于物种过滤表和序列过滤序列过滤距离矩阵译者简介 ...
QIIME 2用户文档. 11数据筛选Filtering data(2018.11)
文章目录前情提要 QIIME 2用户文档. 11数据筛选下载实验相关数据过滤特征表按数据量过滤偶然因素的过滤基于索引的过滤基于元数据的筛选基于物种过滤表和序列过滤序列过滤距离矩阵 ...
R语言：数据筛选match
数据筛选是在分析中最常用的步骤,如微生物组分析中,你的OTU表.实验设计.物种注释之间都要不断筛选,来进行数据对齐,或局部分析. 今天来详解一下此函数的用法. match match:匹配两个向量,返 ...

echarts-x数据筛选

echarts-x数据筛选相关推荐

最新文章

热门文章