PHPIN.NET

 找回密码
 立即注册
查看: 6360|回复: 0

[其他] echarts 柱状图 如何添加点击事件

[复制链接]

469

主题

31

回帖

5497

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
5497
发表于 2017-10-26 21:55:52 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?立即注册

x
echarts 柱状图 如何添加点击事件


用echarts 绑定了一组数据 出现了柱状图,如何点击柱子 跳转到响应的页面呢?
只需要 在这个方法里面加上几句代码就行:

//这个是数据绑定的方法
  1. // option 是绑定的数据源
  2. function refresh(isBtnRefresh) {

  3.     if (myChart && myChart.dispose) {
  4.         myChart.dispose();
  5.     }
  6.     myChart = echarts.init(domMain);
  7.     window.onresize = myChart.resize;
  8.     myChart.setOption(option, true);
  9.     var ecConfig = require('echarts/config');
  10.     function eConsole(param) {
  11.         switch (param.dataIndex) {
  12.             case 0:    //柱子1
  13.                 window.location.href = "url1";
  14.                 break;
  15.             case 1:  //柱子2
  16.                 window.location.href = "url2";
  17.                 break;
  18.             case 2:  //柱子3
  19.                 window.location.href = "url3";
  20.                 break;
  21.             default:
  22.                 break;
  23.                
  24.         }


  25.     }

  26.     myChart.on("click", eConsole);
  27.     domMessage.innerHTML = '';
  28. }
复制代码


官方例子:http://echarts.baidu.com/echarts2/doc/example/event.html
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|PHPIN.NET ( 冀ICP备12000898号-14 )|网站地图

GMT+8, 2024-3-29 23:47

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表