echarts区域统计取消选框事件

1.情景再现:对图表进行区域选择,弹出一个数据弹框,然后此时想通过点击区域统计弹出框的叉号关闭弹窗,同时区域选择框也随着消失。如下图:

//触发图表的区域选择功能
chart.on(‘brushselected‘,function(params){
    //区域选择弹出框代码此处忽略。。。
   //点击弹出框关闭按钮同时区域选择框跟着消失;
   $(‘.areaCountTR‘).on(‘click‘,function(){
      //触发图表行为函数
      chart.dispatchAction({
           type: ‘brush‘,//选择action行为
           areas:[]//areas表示选框的集合,此时为空即可。
       });
    });

  

时间: 2024-10-25 08:50:43

echarts区域统计取消选框事件的相关文章

angular2.x 多选框事件

angular2.x - 4.x  的多选框事件 ng2 -- ng4 反正都是用es6 都统称为2.x吧. 下面贴代码 html界面 <table> <tbody> <tr *ngFor="let item of itemList"> <td> <input type="checkbox" [checked]="isCheck(item)" (click)="clickItem($

Javascript 统计复选框选中个数

var checked = document.getElementsByName("checked_c[]"); var checked_counts = 0; for(var i = 0; i < checked.length; i ++){ if(checked[i].checked){ checked_counts++; } } checked_counts 即是统计复选框选中个数

ztree点击节点实现选中/取消复选框

效果 代码 在js中初始化tree时 设置复选框操作只影响子节点 复选框事件,想怎么处理就怎么处理 原文地址:https://www.cnblogs.com/xiaostudy/p/10886412.html

AxureRP7.0基础教程系列 部件详解 Check Box 复选框

原型库网站-讲师金乌原创发布,可自由转载,请注明出处! Axure中文官网:www.AxureRP.cn   <AxureRP7.0部件详解> Check Box 复选框 常用案例 作为附加选项 复选框经常用来允许用户添加一个或多个附加选项. 选择多个选项 在这个例子中,有多个选项可以选择.新手容易和单选按钮搞混淆,单选按钮只能选择一个. 编辑复选框要将复选框默认设置为勾选,可以在设计区域单击复选框或者右键选择选中.复选框可以通过用例编辑器中的动作设置为选择/选中进行动态设置. 对齐方式 默认

关于复选框和单选框的事

很多时候我想会用到浏览器默认的单选按钮或者复选框,比如说偷懒的时候或者心情不好的时候╮(╯﹏╰)╭, 在html结构里我想实现点击文字旁边的单选按钮就跟着选中或反之,像这样: html代码就可以这样写了:<label><input type="radio" />javascript</label>,通过label标签自动关联这个事件. 那么问题来了,如果是多个选项,我想点击其中的某个选项,其他的就默认不选中,该怎么写,复制上面的代码黏贴几行改了文字就

关于IE下复选框的样式问题

一.为什么复选框与后面的文字有间距 1.在FF,chrome,Safari等浏览器,是由margin引起的,也就是checkbox有默认margin-right:3px.(FF下复选框默认margin值为3px 3px 3px 4px,chrome与之一致 )2.IE6-IE8是由本身引起的. FF的虚框直接依附在复选框本身的边框上,IE6是偌大的区域,复选框只是位居其中,IE8下虚框的范围更加对称. 给复选框加border和background,IE6下如图,IE7类似,IE8更对称些,FF下

echarts区域缩放(鼠标滚轮、滚动条、拉选框)

当一个echarts图表上的数据很多时,想要查看部分区域的数据状态,可以通过数据区域缩放来实现,现总结三个方法: 鼠标滚轮缩放: var arr = []; for(var i = 0;i<15;i++){ arr.push(10*(Math.random()-0.5)) } myCharts.setOption({ title:{ text:"鼠标滚轮缩放数据" }, tooltip:{ trigger:'axis' }, xAxis:{ data:[1,2,3,4,5,6,7

选中和取消选中复选框实现背景变色和取消变色

选中和取消选中复选框实现背景变色和取消变色:为了提高表格这种新闻列表的人性化程度,当前有很多措施,最为常见是鼠标悬浮行变色或者隔行变色,本章介绍一下另一种形式,就是前面有一个复选框,选中和取消选中复选框能够实现对应行背景变色或者取消变色,代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content=&

复选框 省市区 联动(监听input的change事件)

需求:省市区三级包含复选框按钮以及文字描述.点击文字显示对应的下级地区,点击复选框选择对应的下级区域勾选. 分析:监听input的change事件当点击复选框省  选择对应的第一个市区,同时默认选中第三级区域的第一个.同理监听span或者label(因为label与input的搭配使用) 辅助:后台提供省市区的数据: 两种方式: A:后台直接给dom结构(后台写好基本构架,前段自己在后台code填写需要的dom,class,方便前端开发) B:后台直接给前段一个json数据,前段自己遍历.(和后