echarts中画布的清空

桃扇骨 2022-03-25 15:16 832阅读 0赞

最近做项目的时候，需要用到很多echarts图表类的展示，其中有一点让我困扰很久。

如图所示：刚开始的时候可能需要加载全部的数据，但是当我们选择某一个条件的时候，我们只需要加载这一个条件的数据。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzM3ODg1NjUx_size_16_color_FFFFFF_t_70]

这个时候我们要做的方法有2个（目前我知道的）：

1.legend:\{

selected:\{

‘周一’:false

\}

\}

就是在legend中的selected选项，我们把需要显示的设置为true，不需要显示的设置为false。但是这种方法目前我不知道如何设置多个不显示。

2.也就是最简单也是最好实现的，清空画布。clear().

其实，echarts就是我们刚开始初始化一个画布，然后在画布上进行数据的图像展示。

所以，当数据发生改变，我们依旧使用原来的画布进行展示的时候，  
![在这里插入图片描述][20190121161755856.png]  
在设置数据之前，加上这样的一句话，就可以了。  
转自：[https://blog.csdn.net/shu580231/article/details/77824249][https_blog.csdn.net_shu580231_article_details_77824249]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzM3ODg1NjUx_size_16_color_FFFFFF_t_70]: /images/20220325/d6a8e8472c5044afa49ae26e72a51444.png
[20190121161755856.png]: /images/20220325/c8a251fbb01a47e697c6c6fca5f8f8ee.png
[https_blog.csdn.net_shu580231_article_details_77824249]: https://blog.csdn.net/shu580231/article/details/77824249

发表评论取消回复

表情：

评论列表（有 0 条评论，832人围观）

还没有评论，来说两句吧...

相关阅读

相关清空Qt textbroswer中的文本

您可以使用以下代码清空Qt textbrowser中的文本: ui->textBrowser->clear(); 其中，`ui` 是指向用户界面类的指针，`text

╰+哭是因爲堅強的太久メ/ 2024年03月25日 11:53/ 0 赞/ 140 阅读

相关 Vue中实现清空数组和清空el-table

场景要实现的效果是 ![20200730171449312.gif][] 那么就要用到怎样将这个el-table清空，即在vue中怎样将数组清空。注：博客：

布满荆棘的人生/ 2023年10月06日 13:54/ 0 赞/ 96 阅读

相关 vue 清空对象中的值

for(var key in vm.bigProjectInfo) { delete vm.childProj

分手后的思念是犯贱/ 2023年06月26日 05:47/ 0 赞/ 47 阅读

相关清空选中_回收站清空了怎么恢复？

回收站清空了文件怎么恢复？回收站里的文件被删除了，如何还原删除的文件呢？被Shift+Delete彻底删除的文件如何恢复呢？本文将详细介绍误删除文件恢复方法，清空了回收站也可以

系统管理员/ 2023年01月07日 08:47/ 0 赞/ 252 阅读

相关清空 DataGridView 中的内容

1、利用循环清除（清除内容，不是删掉行） While(this.DataGridView.Rows.Count != 0) \{ this.DataGr

墨蓝/ 2022年08月11日 13:58/ 0 赞/ 313 阅读

相关 golang中&^位清空操作

c = a &^ b 含义：b 转为二进制时，值为1 的位置对应c的位置值为0；c中剩余位置值与a对应位置值相同（即：所谓的位清空操作，把b中1对应位置在c位置上清空），详

你的名字/ 2022年04月08日 09:17/ 0 赞/ 316 阅读

相关 echarts中画布的清空

最近做项目的时候，需要用到很多echarts图表类的展示，其中有一点让我困扰很久。如图所示：刚开始的时候可能需要加载全部的数据，但是当我们选择某一个条件的时候，我们只需要加

桃扇骨/ 2022年03月25日 15:16/ 0 赞/ 833 阅读

相关 JavaScript中清空数组

三种方法可以参考下：方式1，splice var ary = [1,2,3,4]; ary.splice(0,ary.length); conso

偏执的太偏执、/ 2022年02月18日 11:31/ 0 赞/ 309 阅读

相关转载画布的使用方法

[关于HTML5画布canvas的功能][HTML5_canvas] 一、画布的使用 1、首先创建一个画布（canvas） <canvas id=”myCanvas”

约定不等于承诺〃/ 2021年09月15日 02:44/ 0 赞/ 588 阅读

相关 textarea的清空

这个问题很简单。。。但是今天在这里卡了很久，记录一下以后不要再傻了 1、页面上有多个重复名字的id 2、textarea用val、text、html命令都可以赋值，但...

小灰灰/ 2021年01月08日 14:16/ 1 赞/ 2030 阅读