HighCharts点击柱形或饼块加URL或Click事件
来源:互联网 发布:flac ape 播放软件 编辑:程序博客网 时间:2024/06/05 00:42
出处:https://my.oschina.net/wallie/blog/101589
我们在做图表的时候,有时候需要在单个数据上加链接或点击事件,是在plotOptions里的events里设置的
plotOptions: { pie: { cursor: 'pointer', events: { click: function(e) {location.href = e.point.url; //上面是当前页跳转,如果是要跳出新页面,那就用 //window.open(e.point.url); //这里的url要后面的data里给出 }}, }},series: [{ data: [ {name:'地产组',y:76,url:'http://www.baidu.com'}, {name:'能源组',y:54,url:'http://www.google.com'}, { {name:'互联网',y:20,url:'http://www.sohu.com'}}]
以上是针对饼图的,如果是柱形图那就把pie:{}换成column : {}当然如果换成series:{}那就不用管是饼图还是柱形图或是其他图形了
plotOptions: { series: { cursor: 'pointer', events: { click: function(e) {location.href = e.point.url; //上面是当前页跳转,如果是要跳出新页面,那就用 //window.open(e.point.url); //这里的url要后面的data里给出 }}, }},series: [{ data: [ {name:'地产组',y:76,url:'http://www.baidu.com'}, {name:'能源组',y:54,url:'http://www.google.com'}, { {name:'互联网',y:20,url:'http://www.sohu.com'}}]
© 著作权归作者所有
阅读全文
0 0
- HighCharts点击柱形或饼块加URL或Click事件
- HighCharts点击柱形或饼块加URL或Click事件
- HighCharts点击柱形或饼块加URL或Click事件
- HighCharts图的click事件
- HighCharts图的click事件
- 某些手机上滑动事件触发click事件,或click事件触发不了
- NGUI点击Click事件
- 阻止click点击事件
- highcharts鼠标点击事件
- 支持添加文字效果或点击事件功能
- Wiki_Android_双击或多次点击事件
- android 赋值或点击事件混乱
- RelativeLayout或FrameLayout点击事件穿透
- Android中几种click点击事件
- 禁止ListView 的Item点击事件或选中事件
- input type为checkbox或radio时的click默认事件
- jQuery移除或禁用html元素的点击事件
- ButterKnife点击事件无效或控件绑定为空
- 人与世界,事情与人生,思考与能力,文章与说话,人生经验
- Jsoup获取全国地区数据(省市县镇村)
- HTML5新增的主体结构元素
- URL、URI和URN三者之间的关系
- SpringBoot初始教程之统一异常处理(三)
- HighCharts点击柱形或饼块加URL或Click事件
- flume自定义sink
- 页面之间json数据传递
- 例4.3 公有继承的访问规则举例
- hihocoder 1151 : 骨牌覆盖问题·二(找规律+矩阵快速幂)
- URL模式设置
- MyBatis Like
- BZOJ 1738: [Usaco2005 mar]Ombrophobic Bovines 发抖的牛 二分 网络流
- 【OpenCV入门指南】第四篇 图像的二值化