vue中Echarts手动显示隐藏图表中的数据

1.将Echarts的数据格式放在data return中;

2.自定义按钮绑定一个单击事件;

 <button class="btn" @click="show()">隐藏按钮</button>

3.将该图标的格式传入单击事件函数中;

 show(){
                this.option.legend.selected={"语文":false,"数学":false,"英语":false,"生物":false,"化学":false,"物理":false};  //单击后全部隐藏掉;在legend对象中添加selected属性
                //console.log(this.option);
                var hxt = echarts.init(document.getElementById("Linechart"));
                hxt.setOption(this.option); //重新加载图片
            }

  

原文地址:https://www.cnblogs.com/gongjian92/p/8444677.html

时间: 2024-10-03 21:13:37

vue中Echarts手动显示隐藏图表中的数据的相关文章

打印文件夹中所有dll输出表中函数名称

今天逆向破解firefox浏览器中保存的账号及密码,因为firefox对账号的信息不断的提高安全性,所以之前破解中需要用到的一个导出函数不知被封装到那个dll中了,但firefox安装目录下又有许多的dll,一个一个的使用loadPe工具去查找太麻烦了,于是就编写了一个小程序去遍历文件夹下所有的dll的导出表中的函数名称并打印出来. 头文件: #include <Windows.h> #include <stdio.h> #include <imagehlp.h> #p

vue使用ECharts时的异步更新与数据加载

p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 24.0px "Helvetica Neue"; color: #404040 } p.p2 { margin: 0.0px 0.0px 0.0px 0.0px; font: 13.0px "Helvetica Neue"; color: #737373 } p.p3 { margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Monaco

sql 从一个库中取某个表的数据导入到另一个库中相同结构的表中

sql 2008 从一个库中把 某个表中的数据导入到另一个库中的具有相同结构的表中 use 库1 go insert into  库1.dbo.表1  select * from  库2.dbo.表1 在这里会遇到一个问题:如果此表的主键或者其中有一个列使用了 IDENTITY(1,1) 自增长时,但又想手动为此列指定时 会出现一个错误.我的做法是先把插入表1的自增给取消,插入成功后在给改过来.

将数据库中的某一表中的某一列或者多列添加到另一张表的某一列中——猎八哥FLY

成绩表的字段:xueshenghao,yu,shu,yy均为int类型.新标与成绩表字段相同,不同的是成绩表中拥有数据,而新表中没有(是一张空表,一条数据都没有).需求:将成绩表中每一个人的yu,shu成绩添加到新表中.数据库版本mysql5.5.38. CREATE TABLE `chengjibiao` ( `xueshenghao` int(255) NOT NULL AUTO_INCREMENT, `yu` int(255) DEFAULT NULL, `shu` int(255) DE

oracle表连接——处理连接过程中另外一张表没有相关数据不显示问题

一个数据表基本上很难满足我们的查询要求,同时,将所有的数据都保存在一个表格中显然也不是一种好的数据库设计,为了避免数据的冗余,删除.更新异常,我们通常需要建立一张外键表,通过表连接,来获取我们自己想要得到的数据,所以在数据查找中,表连接是一个经常使用到的操作,下面我们来看看两个或者几个表有哪些方式是可以连接的. 经常遇到的问题:我们或许在表连接的过程中用于连接的另外一张表数据为空,导致某些数据得不到.我们要怎么解决呢????? 我们就先从介绍表连接的方式开始,在介绍的过程中,就会得到解决. 假如

mybitis中对象字段与表中字段名称不匹配(复制)

开发中,实体类中的属性名和对应的表中的字段名不一定都是完全相同的,这样可能会导致用实体类接收返回的结果时导致查询到的结果无法映射到实体类的属性中,那么该如何解决这种字段名和实体类属性名不相同的冲突呢? 方法一:通过在查询的SQL语句中定义字段名的别名的方式,让字段名的别名和实体类中的属性名一致,这样就可以实现实体类属性和表字段一一对应.(通过在SQL语句中定义别名的方法实现) [html] view plain copy <select id="queryCertificationInfo

django中在代码中建表,插入数据

1在models.py中修改 from django.db importmodels # Create your modelshere. classHost(models.Model): hostname =models.CharField(max_length=30) address =models.CharField(max_length=17) 2 同步数据库 [[email protected]]# python manage.py makemigrations Migrations f

把一个数据库表中的数据插入到另外一个数据库中的一张表中

数据库表结构不同 INSERT INTO [CodeFirstDbContext].[dbo].[Companies](CompanyID,CompanyName,Manager,CompanyType,IsDelete) SELECT CompID,Company,CName,ctype,0 FROM [YFDB2012].[dbo].[Company] 数据库表结构相同 INSERT INTO [CodeFirstDbContext].[dbo].[Companies] SELECT * F

把一个表中的数据导入到另一个表中

最近,需要对表中的数据进行操作.或者将表中的数据导入到另一张表中,或者将表中的数据生成insert脚本. 假如目标表存在 INSERT INTO 目标表名称 SELECT * FROM 来源表 假如目标表不存在 select * into 目标表名称 from 来源表 直接生成insert语句 select 'insert into 目标表 (字段1,字段2) values ('''+字段1+''','''+字段2+''');' sql_str from 目标表;