HighCharts-highcharts resetZoom点击事件
场景:zoom缩放功能:
选中x轴的一段区域后,需要解除x轴已设定的max值对zoom缩放功能的影响;
点击'reset zoom'后,又需要将max值重新赋值给x轴。
查遍highcharts api,终于找到一个入口可以捕获'reset zoom'的点击事件。
点击'缩放重置'和选中x轴的一段zoom区域时,都会触发selection事件。
如果是选中x轴的一段zoom区域,event.xAxis中会保存选中zoom区域的起点值(min)和结束点值(max).
如果是点击'缩放重置',event.xAxis的值则是undefined.
由此可以区分是点击了'缩放重置',还是选择了一段zoom区域。
代码如下:
        chart: {
            renderTo : 'test_container',
            type : 'scatter',
            zoomType : 'x',
            events: {
                selection :  function (event) {
                 // 获取操作chart
                 var chart = .....;
                 // 点击缩放重置
                    if(event.xAxis == undefined){
                        // x轴最大值设为xMaxValue
                        chart.xAxis[0].update({ max: xMaxValue});
                 }
                 // 选择x轴区域
                    else{
                        // x轴最大值设为null
                        chart.xAxis[0].update({ max: null});
                 }
                }
            }
        },
HighCharts-highcharts resetZoom点击事件的更多相关文章
- highcharts图表组件入门教程:如何监听柱状图柱子点击事件动态更新当前数据点数值和所对应X轴刻度
		
highcharts图表组件入门教程:如何监听柱状图柱子点击事件动态更新当前数据点数值和所对应X轴刻度 作者:highcharts | 时间:2014-6-11 14:07:05 | [小 大] | ...
 - echarts雷达图点击事件
		
最近看见别人问的问题,点击雷达图的拐点,获取点击数据的问题,直接上代码. echarts配置问题:https://www.douban.com/note/509404582/ <!doctype ...
 - heightcharts点击曲线图获取返回值的问题(ios点击图表第一次无法触发点击事件解决方法)
		
需求:用的heightcharts插件,点击曲线图想获得所点击点的返回值,如图 问题代码: (function chart_line(){ var data={"title":[& ...
 - echarts雷达图点击事件 包含(2.x,3.85,4.02)测试
		
最近看见别人问的问题,点击雷达图的拐点,获取点击数据的问题,直接上代码. echarts 2x 的点击事件 echarts配置问题:https://www.douban.com/note/509404 ...
 - Jquery的点击事件,三句代码完成全选事件
		
先来看一下Js和Jquery的点击事件 举两个简单的例子 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&q ...
 - Android笔记——Button点击事件几种写法
		
Button点击事件:大概可以分为以下几种: 匿名内部类 定义内部类,实现OnClickListener接口 定义的构造方法 用Activity实现OnClickListener接口 指定Button ...
 - 关于Android避免按钮重复点击事件
		
最近测试人员测试我们的APP的时候,喜欢快速点击某个按钮,出现一个页面出现多次,测试人员能不能禁止这样.我自己点击了几下,确实存在这个问题,也感觉用户体验不太好.于是乎后来我搜了下加一个方法放在我们U ...
 - js 基础篇(点击事件轮播图的实现)
		
轮播图在以后的应用中还是比较常见的,不需要多少行代码就能实现.但是在只掌握了js基础知识的情况下,怎么来用较少的而且逻辑又简单的方法来实现呢?下面来分析下几种不同的做法: 1.利用位移的方法来实现 首 ...
 - Android中点击事件的实现方式
		
在之前博文中多次使用了点击事件的处理实现,有朋友就问了,发现了很多按钮的点击实现,但有很多博文中使用的实现方式有都不一样,到底是怎么回事.今天我们就汇总一下点击事件的实现方式. 点击事件的实现大致分为 ...
 
随机推荐
- Android:使用shape制作素材
			
最近看到朋友制作的Android APP使用了极少的图片,但是图形却极其丰富,问了之后得知是使用shape绘制的,有很多优点. 下面是我整理的一些素材: 预览 下面是图片预览: 代码 布局文件 < ...
 - 用十条命令在一分钟内检查 Linux 服务器性能
			
原文地址: http://www.oschina.net/news/69132/linux-performance 如果你的Linux服务器突然负载暴增,告警短信快发爆你的手机,如何在最短时间内找出L ...
 - iframe实现Ajax文件上传效果示例
			
<!doctype html> <html> <head> <meta charset=utf-8> <head> <title> ...
 - 如何使用IconFont 图标
			
第一步:使用font-face声明字体 @font-face {font-family: 'iconfont'; src: url('iconfont.eot'); /* IE9*/ src: url ...
 - angular default project (angular.json的解读)
			
Change the default Angular project Understanding it's purpose and limits Klaus KazlauskasFollow Nov ...
 - Chrome禁止http自动转为https
			
解决方法 在Chrome浏览器地址栏输入chrome://net-internals/#hsts 在Delete domain security policies 中输入要删除自动转换的域名 原因 将 ...
 - cas 资源
			
http://blog.sina.com.cn/s/blog_6fda308501012tk2.html http://www.blogjava.net/xmatthew/archive/2008/0 ...
 - sed学习[参考转载]
			
一.选项与参数: -n :使用安静(silent)模式.在一般 sed 的用法中,所有来自 STDIN 的数据一般都会被列出到终端上.但如果加上 -n 参数后,则只有经过sed 特殊处理的那一行(或者 ...
 - Easyui的DataGrid 清除所有勾选的行。
			
$('#grid').datagrid('clearChecked')='none';//清除所有勾选的行.
 - Cortex-A15架构解析:它为什么这么强(转)
			
今年的新手机趋势无异是全面向四核靠拢,不过同样是四核,在实际的性能上其实是千差万别.例如针对入门级主流市场的四核手机普遍采用的都是Cortex-A7以及 Cortex-A9 级别的CPU内核,这类内核 ...