echarts清空上一次的数据

最新推荐文章于 2023-06-05 11:38:42 发布
最新推荐文章于 2023-06-05 11:38:42 发布
阅读量7.2k 收藏
点赞数 1
文章标签： echart js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/haodiaoji9386/article/details/107125417
版权

 

本人参照官方文档把setOption(option，true)的第二个参数设置为true 发现还是js报错并不能清空上次的数据，最后想到在第二次调用setOption方法之前是否可以手动清空 series 之前的数据

commonOption是我的option  我这mychart.setOption(commonOption)之前将第一次commonOption.series 中的数据全部清空，只要把name、data清空  type需要保留否则会报错

 

 

最后在把新组装的值optionSeries放到series中然后调用setOption方法即可 在此特做记录
 

 
 

 

                

        

        

    




    

      

        

            

              
                
                  那绊脚石的不
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                    1
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                  1
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      










                



	

		

			

				
					
在vue中实现清除echarts上次保留的数据(亲测有效)

				
			

			

				

					11-19
				

			

		

		

			
				
因为我是将echarts封装好后，父组件只要传递值就可以进行渲染。

			
		

	



                

              
                



	

		

			

				
					
echarts option 配置切换 缓存问题

					
最新发布

				
			

			

				

					qq_45186619的博客
				

				

					04-06
					
					163
					
				

			

		

		

			
				
在使用echarts 切换图标的使用option老是读到了之前缓存的值，后来发现一种方法可以清除缓存。使用 第二个参数 可以清除缓存。

			
		

	



                


  
              

                


	

		

			

				
					
解决echarts图形没有及时清除更新，清空重绘问题

				
			

			

				

					weixin_40030173的博客
				

				

					05-19
					
					1198
					
				

			

		

		

			
				
【代码】解决echarts图形没有及时清除更新，清空重绘问题。

			
		

	





	

		

			

				
					
Echarts清空图表：There is a chart instance already initialized on the dom.

				
			

			

				

					yolo_link的博客
				

				

					07-25
					
					8337
					
				

			

		

		

			
				
能销毁肯定需要先存在，所以定义一个全局变量来存储创建后的ECharts实例，在改变数据需要重新绘制图表的时候加上条件判断图例是否存在来决定是否销毁。也就是说，指定的区域作为canvas容器，根据触发条件改动数据之后，依旧沿用之前的的图表配置，把图表重新生成。（有时间我试一下，再来更新）原因就是销毁二字，我想当然，图表我还需要用，你销毁再用的时候怎么获取呢？不过我在想，上面clear()方法没用，或许是实例没保存，触发时机不对。不过，可能是使用方法的位置不正确，导致方法没有合适的被使用也说不一定。......

			
		

	



		

			
		



	

		

			

				
					
echart图表清空上一次数据

				
			

			

				

					DZQ1223的博客
				

				

					06-01
					
					2704
					
				

			

		

		

			
				
后台接口查询数据，图表渲染出来，再次请求接口想要重新渲染图表，此时会出现问题：即图表一直保留老数据，并不会以新的数据渲染。想在同一个dom中画多个实例，肯定需要先销毁前一个，才能画后一个。

			
		

	





	

		

			

				
					
echarts选择条件切换时清空数据

				
			

			

				

					weixin_48398799的博客
				

				

					06-04
					
					727
					
				

			

		

		

			
				
myChart.setOption(option, true);

只需在使用指定的配置项和数据显示图表后 设置为true即可



			
		

	





	

		

			

				
					
echarts清除图标信息、echarts添加点击事件、echarts动态改变大小

				
			

			

				

					李程程的博客
				

				

					05-17
					
					289
					
				

			

		

		

			
				
echarts清除图标信息、echarts添加点击事件、echarts动态改变大小

			
		

	





	

		

			

				
					
解决echarts数据二次渲染不成功的问题

				
			

			

				

					10-15
				

			

		

		

			
				
在第一次渲染时，ECharts图表成功地展示了数据。但在第二次尝试渲染新数据时，由于`notMerge`参数未设置为`true`，ECharts继续合并新的数据与旧的数据，导致图表并未反映出最新的数据变化。  解决这个问题的关键在于...

			
		

	





	

		

			

				
					
layui清空,重置表单数据的实例

				
			

			

				

					10-16
				

			

		

		

			
				
当用户提交表单后，如果需要清空表单以便于进行下一次输入，可以调用表单元素的`reset()`方法。例如，在提供的实例中，表单的HTML代码如下：  ```html   主题内容  ```  在jQuery或原生JavaScript中，可以通过ID选择...

			
		

	





	

		

			

				
					
jQuery Easyui datagrid/treegrid 清空数据

				
			

			

				

					10-21
				

			

		

		

			
				
主要介绍了jQuery Easyui datagrid/treegrid 清空数据的相关资料

			
		

	





	

		

			

				
					
echarts中彻底清除所有实例和相关数据

				
			

			

				

					weixin_45803990的博客
				

				

					06-05
					
					1087
					
				

			

		

		

			
				
销毁实例，销毁后实例无法再被使用。

			
		

	





	

		

			

				
					
Echarts清除前面的图表实例

				
			

			

				

					aa32360的博客
				

				

					10-25
					
					1869
					
				

			

		

		

			
				
echartsInstance.clear

转载于:https://www.cnblogs.com/xiaoxiao0314/p/7727549.html

			
		

	





	

		

			

				
					
[echarts]clear和dispose的区别和使用场景

				
			

			

				

					qq_42351675的博客
				

				

					12-05
					
					675
					
				

			

		

		

			
				
clear和dispose是echarts提供的用于解决内存溢出的方法。

			
		

	





	

		

			

				
					
Apache Echarts高级|图表显示优化

				
			

			

				

					diviner_s的博客
				

				

					04-27
					
					2829
					
				

			

		

		

			
				
文章目录Echarts高级一、显示相关1.主题2.调色盘
Echarts高级
一、显示相关
1.主题


默认主题
ECharts中默认内置了两套主题：light,dark
在初始化对象方法init中可以指明
var mChart = echarts.init(dom,'light')
var mChart = echarts.init(dom,'dark')



自定义主题
1.在主题编译器中编辑主题
主题编译器的地址为：https://www.echartsjs.com/theme-builder/


			
		

	





	

		

			

				
					
echarts图形报表缓存问题(option数据缓存)

					
热门推荐

				
			

			

				

					wendysunday123的专栏
				

				

					03-10
					
					2万+
					
				

			

		

		

			
				
这几天我在工作中用到了echarts开发报表。每次查询出来的数据都是新的，但是echart展现的图形报表却还是之前的数据。网上找了搜索了很多次也没能解决，后面加了技术群才解决的。
我开始已经确定是报表缓存的问题了，并不是数据的问题，但苦于找不到解决的办法，查看相关文档也没找到(可能是没仔细找)，其实主要是用到了echarts的clear()方法。请看如下代码：


requirejs.co

			
		

	





	

		

			

				
					
关于Echarts2传入空数组，还是显示上次的数据，使用myChart.clear()和myChart.setOption(option,true)都不管用

				
			

			

				

					Heyangqing611的专栏
				

				

					06-27
					
					1万+
					
				

			

		

		

			
				
网上有基本就是俩种方法：myChart.clear()和myChart.setOption(option,true)

但是我的项目还是不管用，我向它传递了空的数组，用上面方法不行，就加了一些判断。

....以上代码省略

关键代码如下：

var myChart = ec.init(document.getElementById('broadbandAd'));

if (y_show.le...

			
		

	





	

		

			

				
					
清除echart 上一时刻的数据

				
			

			

				

					weixin_45739770的博客
				

				

					05-10
					
					605
					
				

			

		

		

			
				
this.dialogVisible = false;
      for (var i = 0; i < this.option.series.length; i++) {
        this.option.series[i].data = [];
        this.option.series[i].name = "";
      }
      const chart1 = this.$refs.myMiddleChart;
      var myChart = echarts.

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		
评论 1

	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值