在Echarts 柱形图的单击事件中写入自定义的参数

  逻辑:(点击柱形图的某个实例(注意:三个柱子表示的是一个实例))

  

  参考链接:http://echarts.baidu.com/doc/example/event.html

  

  {
                    name: ‘cunchu‘,
                    type: ‘bar‘,
                    data: [],
                    rawdate: []  //添加了rawdate参数(自定义的)
                },
 function eConsole(param) {
            var cloudid;
            var mes = ‘【‘ + param.type + ‘】‘;
            if (typeof param.seriesIndex != ‘undefined‘) {
                mes += ‘  seriesIndex : ‘ + param.seriesIndex;
                mes += ‘  dataIndex : ‘ + param.dataIndex;
                //alert(option.series[param.dataIndex].rawdate);
                cloudid = option.series[param.seriesIndex].rawdate[param.dataIndex];
                Tiaozhuan(cloudid);
            }
            if (param.type == ‘hover‘) {
                document.getElementById(‘hover-console‘).innerHTML = ‘Event Console : ‘ + mes;
            } else {
                document.getElementById(‘console‘).innerHTML = mes;
            }
            console.log(param);
        }

   将你的自定义的参数,弄成数组,传值给rawdate,然后,可以通过option ,在根据下标,就可以获取自定义的参数:

  option.series[param.seriesIndex].rawdate[param.dataIndex]
时间: 2024-08-08 17:54:43

在Echarts 柱形图的单击事件中写入自定义的参数的相关文章

C#学习笔记(20140909)-按钮控件:单击事件和command事件

在 Web 应用程序和用户交互时,常常需要提交表单.获取表单信息等操作.在这其间,按钮控件是非常必要的.按钮控件能够触发事件,或者将网页中的信息回传给服务器.在 ASP.NET 中,包含三类按钮控件,分别为 Button.LinkButton.ImageButton. Click 单击事件 在Click 单击事件中,通常用于编写用户单击按钮时所需要执行的事件,这种事件很简单,用户单击一个按钮,就会执行按钮中的代码. Command 命令事件 按钮控件中,Click 事件并不能传递参数,所以处理的

对于多个按钮要在同一个监听器中实现自己的单击事件的方法小诀窍。

在网上的一些教程中往往是把一个按钮添加多个监听器,却很少有人会把多个按钮在同一个监听器中去实现他们的单击事件,而且这杨的其实是很实用的,比如说在制作一个简单的计算器是就需要0-9,这十个数字按钮如果要单独的去写这十个按钮的单击事件,那可以想象这样写出来的代码绝对是不够健壮的,这样的程序也是会影响其运行速度的.这样的程序如果是在java中是很容易实现的,但是在android中要涉及的知识还是很多的,接下来先看看主要的代码: //////////////使用窗口作为监听器. public class

Activity中的单击事件-------使用匿名内部类实现简单的跳转效果

Activity中的单击事件,使用匿名内部类实现简单的跳转效果:点击“跳转”到第二个界面,点击“返回”,回到跳转界面. 1. 在res/layout目录下新建一个second.xml文件,用于跳转后的界面,界面添加一个id为button的按钮 在app/java/com.example.helloworld目录下新建一个ScondActivity类 2. 在app/mainfests目录下的AndroidMainfest.xml清单文件中注册Activity,如下图 3. 在MainActivi

js修改table中Td的值(定义td的单击事件)

/* 页面装载时,为每个td增加单击事件,这样,就可以不用对每个页面进行更改. 添加单击事件属性.此处不可使用setAttribute方法. */ onclick=AddObjOfText; 单击事件,将Td内容更新为一个Div,其中装载了一个Text,用于用户输入新的Td的值, 一个确定按钮,一个取消按钮,用于保存或取消用户的输入内容. 一个Hidden,保存用户输入新值前的Td的值,以便用户取消时恢复. */ function AddObjOfText() { var tdcag=docum

闭包的单击事件实例以及解决方法

写4个内容为a的li标签,要求加入一个单击事件,单击之后打印该“a”的索引,方法如图2,但打印出来的结果全是4.因为将console.log放入onclick事件中已发送到外部,形成了闭包,(此外部已是javascript标签之外) 要求打印对应索引0 - 3. 方法如下 将函数表达式写入立即执行函数中,立即执行的形参为j实参为循环值i,数组名和console.log值都由j替换,参考上一篇文章所说,这是唯一一种解决方法,即可解决,结果如下: 原文地址:https://www.cnblogs.c

双击和单击事件冲突解决方法

双击和单击事件冲突解决方法:关于单击事件和双击事件,如果单独拿出来都是非常简单,这里也就不多介绍了,具体可以参阅jQuery的click事件和jQuery的dblclick事件一章节,但是如果同一个元素同时绑定了单击事件和双击事件,那么就会造成冲突现象,比如我们双击此元素指向触发双击事件,但是也完全满足单击事件的条件,不但双击事件触发了,单击事件同样也会被触发,下面就通过代码实例介绍一下如何解决它们的冲突问题,代码如下: <!DOCTYPE html> <html> <hea

Android的按钮单击事件及监听器的实现方式

第一种:匿名内部类作为事件监听器类 第二种:内部类作为监听器 第三种:Activity本身作为事件监听器 第四种:外部类作为监听器 当用户单击button按钮时,程序将会触发MyButtonListener监听器外部MyButtonListener类 使用顶级类定义事件监听器类的形式比较少见,主要因为如下两个原因:1.事件监听器通常属于特定的gui界面,定义成外部类不篮球提高程序的内聚性.2.外部类形式的事件监听器不能自由访问创建gui界面的类中的组件,编程不够简洁.但如果某个事件监听器确实需要

C# 常用控件及单击事件

1.窗体 1.常用属性 (1)Name属性:用来获取或设置窗体的名称,在应用程序中可通过Name属性来引用窗体. (2)WindowState属性: 用来获取或设置窗体的窗口状态. 取值有三种: Normal (窗体正常显示). Minimized(窗体以最小化形式显示)和 Maximized(窗体以最大化形式显示). (3)StartPosition属性:用来获取或设置运行时窗体的起始位置.(System.Windows.Forms.SystemInformation.WindowsArea.

百度地图API——MarkerTool单击事件的添加

百度地图API中实现标记功能,一种是使用覆盖物中的Marker来直接实现,这么用的好处是可以直接使用官方2.0提供的各种接口,但是一些复杂需求实现起来不免有些繁琐,比如鼠标跟随的式样修改,单击后的式样变更等等. 另外一种选择是使用1.2接口中提供的MarkerTool开源库,这个现实标记功能基本是够用了(http://developer.baidu.com/map/index.php?title=open/library) 但在实现标注添加后的单击事件监听时需要对源码进行适当的修改,例如实现标记