echarts 柱状图 如何添加点击事件
2017-05-06 12:43
591 查看
我现在已经用echarts 绑定了一组数据 出现了这样的一个图
如何点击柱子 跳转到响应的页面呢?
只需要 在这个方法里面加上几句代码就行:
//这个是数据绑定的方法
这样就可以实现了。
转自:http://blog.sina.com.cn/s/blog_7b7f85560101mbkk.html
如何点击柱子 跳转到响应的页面呢?
只需要 在这个方法里面加上几句代码就行:
//这个是数据绑定的方法
// option 是绑定的数据源 function refresh(isBtnRefresh) { if (myChart && myChart.dispose) { myChart.dispose(); } myChart = echarts.init(domMain); window.onresize = myChart.resize; myChart.setOption(option, true); var ecConfig = require('echarts/config'); function eConsole(param) { switch (param.dataIndex) { case 0: //柱子1 window.location.href = "http://blog.sina.com.cn/eul"; break; case 1: //柱子2 window.location.href = "http://www.dacai.com/desc/4778"; break; case 2: //柱子3 window.location.href = "http://www.dacai.com/desc/4778"; break; default: break; } } myChart.on("click", eConsole); domMessage.innerHTML = ''; }
这样就可以实现了。
转自:http://blog.sina.com.cn/s/blog_7b7f85560101mbkk.html
相关文章推荐
- ECharts3.0如何给X轴中显示的文字添加点击事件!
- echarts添加点击事件
- iOS如何给没有点击事件的View添加响应操作
- android listview item中的按钮点击事件如何添加,请教大神
- 如何在table的每一行添加点击事件
- css中设置隐藏,如何对隐的部分添加点击事件
- ios 动态添加了按钮,绑定同一个点击事件,如何判断点击的是哪个?
- Echarts学习记录——如何给x轴文字标签添加事件
- android源码解析(1)--如何处理布局文件中添加的点击事件
- 如何在轮播的图片上添加点击事件
- Android EditText中通过drawabeRight等添加了清空按钮 如何给按钮添加点击事件?
- Echarts柱状图的点击事件
- TextView如何给其中的某一段文字添加点击事件?
- iOS--- 动态添加了按钮,绑定同一个点击事件,如何判断点击的是哪个?
- 给View 添加手势,点击无反应 如何给View添加点击事件,手势方法
- 如何解决UIScrollView中添加UITapGestureRecognizer跟UIButton点击事件冲突
- highcharts图表组件入门教程:如何监听柱状图柱子点击事件动态更新当前数据点数值和所对应X轴刻度
- 给ECharts添加右键点击事件,实现右键功能菜单
- Echarts之柱状图获取点击柱子事件&自定义柱子颜色&类目轴纵向排列
- Android中如何在Fragment中添加点击事件切换新的Fragment