怎么在echarts 自定义一个 工具按钮_echarts自定义按钮-程序员宅基地

技术标签: echarts  前端  javascript  

最近的需求需要分批查询成绩,需要在echart自定义一个工具栏
代码如下

    toolbox: {
    
          feature: {
    
            myTool: {
    
              show: true, //是否显示
              title: "按考试查询成绩",  //鼠标悬空的提示文字
              icon: "path://M200.753 408.251c-57.062 0-103.749 46.687-103.749 103.749s46.687 103.749 103.749 103.749S304.502 569.062 304.502 512s-46.687-103.749-103.749-103.749z m622.494 0c-57.062 0-103.749 46.687-103.749 103.749s46.687 103.749 103.749 103.749S926.996 569.062 926.996 512s-46.687-103.749-103.749-103.749z m-311.247 0c-57.062 0-103.749 46.687-103.749 103.749S454.938 615.749 512 615.749 615.749 569.062 615.749 512 569.062 408.251 512 408.251z", //这个是阿里icon svg 后 b的全部字符串
              onclick: (o) => {
    
               //参数o 是图表的option 我这里并没有用到
                this.show = !this.show;
              },
            },
          },
        },
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_43806488/article/details/121289630

智能推荐

资深程序员才知道的30个Python技巧_60项python技巧-程序员宅基地

文章浏览阅读193次。1. Python中的省略号Python省略号是三点序列,通常在自然语言中使用。但是您可能不知道的是,这也是Python中的有效对象:>>> ...Ellipsis它主要用于NumPy中的矩阵切片操作。但是,您可以在尚未实现的函数中使用它代替占位符,而不必使用通常的方法:def my_awesome_func():...这就是有效的Python代码2.数据类别从3.7版开始,Python附带了数据类。与常规类或其他替代方法..._60项python技巧

创业公司做数据分析(三)用户行为数据采集系统_行为分析收集系统-程序员宅基地

文章浏览阅读2.1w次,点赞12次,收藏60次。本文将重点探讨数据采集层中的用户行为数据采集系统,分析了为什么要建设用户行为数据采集系统、采什么、前端怎么采、后端怎么存。_行为分析收集系统

C#上位机软件之——曲线显示_c# plotter-程序员宅基地

文章浏览阅读2.4k次。构建曲线显示界面本设计基于 InteractiveDataDisplay.WPF 数据交互显示插件进行设计安装方法:工具->NuGet包管理->管理解决方案的NuGet程序包,在浏览界面搜索该程序包,然后下载安装即可。在文件开头引入这个程序包 xmlns:d3="clr-namespace:InteractiveDataDisplay.WPF;assembly=InteractiveDataDisplay.WPF"创建实例并设置相关参数<d3:Chart Name="plot_c# plotter

国内大型的渲染农场中,做云渲染哪个平台更好?_西安渲染农场-程序员宅基地

文章浏览阅读887次。我们常寻的三维渲染农场,主要是分为效果图渲染农场、动画动画农场、影视渲染农场等!而今天我们要聊的主要是三维效果图和动画渲染农场这块!看看我们耳熟能详的渲染农场中,究竟哪个渲染农场更适合自己的需要!1、关于渲染农场国内头部的渲染农场主要有“瑞云、炫云、渲云、扮家家、蓝海创意云、赛诚云、渲染100效果图/渲染101动画渲染”等等平台..._西安渲染农场

计算机格式化系统,Win7电脑怎么进行格式化?-程序员宅基地

文章浏览阅读2.3k次。电脑使用时间长了,就会储存很多的文件和数据,系统就会慢慢变得卡顿,最快的解决办法就是格式化电脑,但是我们要怎么操作呢?今天小编就给大家分享下怎么用win7电脑进行格式化的办法吧。具体方法如下:1、首先我们在电脑桌面上点击“计算机”,如图所示。2、在里面鼠标右键点击一个需要格式化的磁盘,C盘一般是不能格式化的,不然系统无法运转,如图所示。3、之后我们在弹出来的选项卡中,点击里面的“格式化”选项。4、..._win7电脑系统格式化

基于Matlab人脸识别签到系统(GUI界面)_matlab签到系统源代码-程序员宅基地

文章浏览阅读945次。基于Matlab人脸识别签到系统(GUI界面)_matlab签到系统源代码

随便推点

PCL可视化例程_pcl addsphere-程序员宅基地

文章浏览阅读2.1w次,点赞8次,收藏57次。PCL1.72VTK6.20控制台程序加入.props属性表文件1、Cloud_ViewerCloud_Viewer.cpp代码:#include VTK_MODULE_INIT(vtkRenderingOpenGL);VTK_MODULE_INIT(vtkInteractionStyle);VTK_MODULE_IN_pcl addsphere

java.lang.verifyerror android,Android 不想和你说话,抛了个 java.lang.VerifyError-程序员宅基地

文章浏览阅读212次。一个奇怪的崩溃E/AndroidRuntime(22035): FATAL EXCEPTION: mainE/AndroidRuntime(22035): java.lang.VerifyError: com/sample/FileUtilsE/AndroidRuntime(22035): at com.sample.App.onCreate(App.java:16)E/AndroidRuntim..._debuggable= false java.lang.verifyerror:

电感参数理解_电感的q值与感值的关系-程序员宅基地

文章浏览阅读3.3k次,点赞2次,收藏22次。1.电感的Q值电感的Q值,也叫做电感的品质因素,是衡量电感器件的主要参数。指电感器在某一频率的交流电压工作下,所呈现的感抗与其等效损耗电阻之比。电感器的Q值越高,损耗越小,效率越高。电感的Q值与线圈导线的直流电阻、线圈骨架的介质损耗及铁心、屏蔽罩等引起的损耗等有关。2.电感Q值的换算1)Q=2pi*电路中存储的能量/电路一个周期内消耗的能量;2)通频带BW与谐振频率W0和品质因素Q的关系为..._电感的q值与感值的关系

交接处挂网_抹灰工程中,不同材料的交接处要挂钢丝网,请问构造柱要挂吗?混凝土与砌体交接的阴角要挂吗?...-程序员宅基地

文章浏览阅读3.3k次。展开全部无论是抹灰还是装饰等 只要是两种不同e69da5e887aa3231313335323631343130323136353331333431363031材料同在一面,就应当挂钢丝网或者玻纤网。两种材料收缩率不同,挂网防止开裂。用抹面砂浆涂抹在基底材料的表面,具有保护基层和增加美观的作用,为建筑物提供特殊功能的系统施工过程。非常规抹灰的加强措施:当抹灰总厚度≥35mm时,应采取加强措施。不同...

grep 多条件并行满足_【125】Linux 中 ps ef|grep和ps、grep详解-程序员宅基地

文章浏览阅读744次。一、ps -ef|grep详解(原文见公众号python宝)ps命令将某个进程显示出来,PS是LINUX下最常用的也是非常强大的进程查看命令grep命令是查找,是一种强大的文本搜索工具,它能使用正则表达式搜索文本,并把匹配的行打印出来。grep全称是Global Regular Expression Print,表示全局正则表达式版本,它的使用权限是所有用..._ps -ef 多个条件

VMware虚拟机Ubuntu最最最简单的联网方式_vmware ubuntu如何被局域网手机访问-程序员宅基地

文章浏览阅读393次,点赞2次,收藏3次。网络适配器 -> 桥接模式 -> 勾选“复制物理网络连接状态” -> 确认。查了网上无数方法都连不上,真的很无语,一个个方法高大上,但没用。VMware菜单栏 -> 虚拟机 -> 设置。打开虚拟机Ubuntu,已联网成功。_vmware ubuntu如何被局域网手机访问