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

我现在已经用echarts 绑定了一组数据出现了这样的一个图

如何点击柱子跳转到响应的页面呢？

只需要在这个方法里面加上几句代码就行：

//这个是数据绑定的方法

// 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:    //柱子1window.location.href = "http://blog.sina.com.cn/eul";break;case 1:  //柱子2window.location.href = "http://www.dacai.com/desc/4778";break;case 2:  //柱子3window.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

echarts 柱状图如何添加点击事件相关推荐

echarts y轴添加点击事件_ECharts中的事件和行为
用户在操作 Echarts 的图表时会触发相应的事件,这些事件由开发者监听,然后回调函数做出相应的处理,可以弹出一个对话框.跳转到一个地址或者做数据下钻等等. ECharts 3 中绑定事件跟 Ech ...
echarts饼图扇区添加点击事件
在echarts最后面添加上这段代码就可以了 function eConsole(param) { //alert(option.series[0].data.length); //alert(opt ...
echarts 柱状图--柱体的点击事件
<template><el-card class="current-sort-line-ratio-div"><div class="cur ...
vue组件-echarts地图显示柱状图并给柱状图添加点击事件（支持自定义地图）
vue组件-echarts地图显示柱状图并给柱状图添加点击事件(支持自定义地图) 效果如下所示: 参考文档: 这是参考的文档起因: 最近有朋友有需求需要用echarts,在地图上显示柱状图,并添加点 ...
echarts引入百度地图并且添加点击事件
echarts引入百度地图并且添加点击事件 (1)下载依赖项 npm install echarts --save (2)引入echarts到页面当中 import * as echarts from ...
ECharts 全局触发click点击事件（Label及柱状）
// 基于准备好的dom,初始化echarts实例 let myChart = this.$echarts.init(document.getElementById('myChart')); 前言需 ...
RecylerView为item添加点击事件
RecyclerView侧重的是布局的灵活性,虽说可以替代ListView但是连基本的点击事件都没有,这篇文章就来详细讲解如何为RecyclerView的item添加点击事件. 1 原理: 为Recy ...
给View 添加手势，点击无反应如何给View添加点击事件，手势方法
项目中有很多地方需要添加点击事件,重复代码很多,所以做了一个UIView的分类,专门做点击事件使用. 项目地址:UIView-Tap 代码很简单,主要有一点就是注意分类不能直接添加属性,需要用到运行时 ...
iostext添加点击事件_iOS给UILabel添加点击事件
前言:笔者最近需要实现给UILabel中的链接添加点击事件的功能.使用so.com查了下,发现TTTAttributedLabel的封装程度比较好.整理了TTTAttributedLabel的基本使用 ...

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

echarts 柱状图如何添加点击事件相关推荐

最新文章

热门文章

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

echarts 柱状图 如何添加点击事件相关推荐

最新文章

热门文章

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

echarts 柱状图如何添加点击事件相关推荐