echarts中setOption没有重新渲染表格，导致图表显示有问题？

2017-09-11 10:33:27 8245 收藏 2
文章标签： echarts
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Time888/article/details/77930526
版权

问题：echarts中setOption没有重新渲染表格，导致图表显示有问题

说明：
使用的是折线图
第一次渲染的是三组数据，显示三根线。
切换后数据调整为两组，但是图表仍然显示三根线。
排查后数据源没有问题，但是显示有问题，猜测是echarts问题，查找资料发现没有重新渲染。

解决方法：
myChart.setOption(chartOption,true); 第二个参数设置为true

参考链接：https://github.com/ecomfe/echarts/issues/3976

已标记关键词 清除标记
linux下利用/proc进行进程树的打印
02-02
在linux下利用c语言实现的进程树的打印，主要通过/proc下的目录中的进程文件，获取status中的进程信息内容，然后利用递归实现进程树的打印
Echarts通过json从数据库获取实时数据实现动态仪表盘
05-19
发现Echarts 的仪表盘做的比hightcharts更漂亮，而且加载异步数据的方法更简单方便，所以用Echart做了仪表盘，并且采用jQuery的方法，可以大大精简代码语句，与大家分享，继续学习中。
表情包
插入表情
还能输入1000个字符
相关推荐
Echarts 图表不能渲染问题整理
又是再见?
03-21 1万+
在开发中遇到Echarts重新setOption之后图表没有渲染出来, 背景是条件切换后没有数据时将Echarts容器内清空了，更换正确条件后数据也有了，Echarts实例打印出来也正常， 但是由于容器上已经有  _echarts_instance_ ，还是上次的，所以Echarts是不会重新初始化的，需要手动将DOM上的 _echarts_instance_  属性移除， 再次进行初始化， 然后...
解决Echarts图表在div动态切换时不显示的问题
kirinlau的专栏
09-08 1万+
简单粗暴，先上图，大概长这样：在使用vue时有遇到像上图下拉框change事件切换div，change切完后大概会变成这个样子：上代码：<div class="test"> <p class="title"> <select v-model="selected" v-on:change="change"> <option v-for="option in
echarts多次进行SetOption的时候数据遗留问题
周金鱼啊
12-20 1万+
最近在使用  "echarts"的时候遇到了一个很是严重的问题，哈哈哈哈 就是通过点击的标题不同后台返回不同的数据，返回的echarts数据中有的为一条折线数据，有的就是三条折线数据，如图  然后在点击标题来回切换的时候就出现了数据残留的问题，本来数据返回的只有一条数据，但是却显示了三条！！！ 根据度娘提示，试用了 " myChart.setOption(option，true); ...
解决双重请求数据时，获取到数据，但页面不显示的问题
ygkyufcl的博客
10-29 65
data(){ return {data:[],FinalData:[]} }, async created(){ await getOneData().then(res=>{ this.data=res.data.data; this.getData(); }) }, methods:{ async getData(){ var data=[]; for(let i=0;i<this.data.length;i++){ await getTwoData().the
Echarts图表数据变动后重新渲染
Leo的大前端进阶之路
11-05 1492
在Echarts图表数据发生变化时，经常需要重新渲染表格。官方文档中有一个选项，一直忘记记录，所以在这里记录一下。 前言：之前使用echarts折线图时，先是加载十条数据，后面再次加载一条数据发现页面上还是十条数据，只有第一条变成第二次加载后的数据。 提问：为何折线图没有全部更新数据，删除多余的数据？ 遇事不决，多看文档，传送门：https://echarts.apache.org/zh/api.html#echartsInstance.setOption 参数： 调用方式： chart.s
echarts图表不正常的问题
royal1235的博客
08-13 2591
1.不正常第一种情况 2.不正常第二种情况 3.不正常第三种情况 为什么会出现这几种情况呢？看代码：盛放echarts的div宽或高或宽高肯定是用百分比设置的，因此会出现问题 &lt;div id="echs" style="width:94%;height:89%;"&gt; 结论：该div要使用像素设置宽和高，下面代码形式是正确的 &lt;div id="echs...
echarts系列——echarts各项配置说明，配置项setOption()
csl125的博客
12-07 2万+
echarts各个配置项简要说明总结 最近在使用 echarts 时是各种踩坑，然后做个简单的总结，以便日后使用，分享出来供参考，之前做的时候也是一脸懵逼，上网搜了好多，也比较杂乱，所以就简单的总结一下，官网也有详细介绍。 theme = { // 全图默认背景 // backgroundColor: 'rgba(0,0,0,0)', // 默认色板 col...
echarts 动态数据改变时, 原数据依然存在图表上，没有刷新
weixin_30414155的博客
05-13 5311
多次调用时option选项默认是合并（merge）的，加上true表示不合并配置 myChart.setOption(option,true); // 加上true表示不合并配置 原图： 加上true后： 转载于:https://www.cnblogs.com/listen9436/p/10857920.html...
echarts图表不显示
zhaoq6的博客
02-07 281
项目场景： vue中使用echarts折线图，需要点击获取数据然后显示对应的折线图 问题描述： 显示折线图时发现太小，只能显示一部分，图表大小并没有自适应，初始化时已经给了resize this.linechart = echarts.init(this.$refs.linechart); this.linechart.setOption(this.lineOption); window.addEventListener("resize", () => { this.linechart.resi
解决Ajax获取到数据放入echarts里不显示最有效的解决方法
old brother stable
02-03 4349
废话不多说，直接上码： var temp = []; var tempArray = []; var data; $.ajax({ type : "post", url:"", data : {}, dataType : "json", success : function(data) { if (data) { $....
元学习笔记——MAML
liz_Lee的博客
08-23 7033
这里写自定义目录标题元学习元学习架构元学习现状MAML算法原理算法流程算法流程后续研究参考文献 元学习 元学习（meta-learning），或者学会学习（learning to learning），指通过学习一系列相似任务，归纳（抽象）出这些任务的本质规律（通用属性——权重/超参）。当面对全新的任务时，可以根据学得的规律，做微调，便可快速适应。 元学习架构 元学习meta-learning元训练...
深度学习入门
zheyanyishhi的博客
11-05 1万+
深度学习
理解Meta Learning 元学习，这篇文章就够了！
机器学习算法全栈工程师
01-01 311
点蓝色字关注“机器学习算法工程师”设为星标，干货直达！AI编辑：我是小将本文作者：谢杨易https://zhuanlan.zhihu.com/p/261323968本文已由原作者授权，不...
©️2020 CSDN 皮肤主题: 撸撸猫 设计师:C马雯娟 返回首页