echarts出现异常竖线的解决办法

本篇总结了一下我遇到的问题与情况，结合了互联网大佬们智慧的结晶，如有雷同，不是剽窃~

异常竖线的样子：（异常竖线千奇百怪，有的是从上贯穿到下，有的像这种，是因为从上一组图形数据直接绘制转变下一组图形数据时产生的bug）

其实原本图形是这样的。

解决办法1：适用于没有设置过如下两个属性的情况

yAxis: {min:'dataMin',max:'dataMax',
}

在datazoom中增加 filterMode:'empty'

        dataZoom: [{show: true,realtime: true,type: 'inside',start: 30,end: 100,filterMode: 'empty',//这句！!!!!!!},{// type: 'inside',realtime: true,filterMode: 'empty',height:25,handleIcon: 'M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z',handleSize: '80%',handleStyle: {color: '#fff',shadowBlur: 3,shadowColor: 'rgba(0, 0, 0, 0.6)',shadowOffsetX: 2,shadowOffsetY: 2},}],

解决办法2：适用于设置过yAxis的min和max属性的情况。

原本是注释那两行即可绘制图形，修改后是后面5行。原理是每次数据改变都重新从头绘制，从源头避免异常竖线的产生。

// chart.setOption(option);
// return chart;let temp = chart;//临时存储Chart的属性
chart.clear();
chart = temp;chart.setOption(option);
return chart;

echarts出现异常竖线的解决办法相关推荐

iOS11隐藏导航条后顶部有20单位的空白或者pop页面时明显感觉前一个页面有上移的异常动画的解决办法。
iOS11隐藏导航条后顶部有20单位的空白或者pop页面时明显感觉前一个页面有上移的异常动画的解决办法. 参考文章: (1)iOS11隐藏导航条后顶部有20单位的空白或者pop页面时明显感觉前一个页面 ...
Chrome浏览器打开异常慢的解决办法
Chrome浏览器打开异常慢的解决办法参考文章: (1)Chrome浏览器打开异常慢的解决办法 (2)https://www.cnblogs.com/Cate-Hunter/p/10856919.h ...
BindingException异常第一种解决办法
BindingException异常第一种解决办法参考文章: (1)BindingException异常第一种解决办法 (2)https://www.cnblogs.com/domisong/p/1 ...
关于MATLAB中xlswrite函数写数据出现服务器异常情况的解决办法
关于MATLAB中xlswrite函数写数据出现服务器异常情况的解决办法参考文章: (1)关于MATLAB中xlswrite函数写数据出现服务器异常情况的解决办法 (2)https://www.cn ...
工作总结 EntityFramework中出现DateTime2异常的完美解决办法
EntityFramework中出现DateTime2异常的完美解决办法今天在使用entityframework往数据库插入数据的时候,突然出现了一个数据类型转换异常的问题: System.Data ...
C#“调用的目标发生了异常”之终极解决办法
问题现象动态加载动态库内容的时候,出现了下面的错误. 开发机上没有问题,其它两台测试机上有问题. 下面是输出的错误信息: 异常类型:TargetInvocationException 异常消息:调用 ...
lucene使用IndexWriter时遇到LockObtainFailedException: Lock obtain timed out 异常原因及解决办法
问题原因: IndexWriter原因是在上一次使用该对象进行索引写入的时候,并没有完全关闭资源-表现为写索引的目录下有名称类似"lock"(一般在最后一行) 的文件,即witer ...
多线程下调用ShowDialog时异常原因及解决办法
提示在可以调用OLE之前,必须将当前线程设置为单线程单元(STA)模式,请确保您的Main函数带有STAThreadAttribute 导入导出功能,在调用ShowDialog时的错误,解决办法如下: ...
数据库系统入门 | Oracle 11g中执行Execute的时候报异常ORA-01031的解决办法
问题描述在做实验的时候,编写关于 "在存储过程中使用动态sql,建立一个统计表,并把统计结果,插入这个表中" 的PL/sql语句在执行时出现权限不足的问题. 上网查询很多,看 ...

echarts出现异常竖线的解决办法

echarts出现异常竖线的解决办法相关推荐

最新文章

热门文章