line-Echart折线图点击事件

问题描述

Echart折线图点击事件
js引入:

 <script src=""<%=basePath %>common/js/dist/echarts.js""></script>
加载echart折线图: // 路径配置        require.config({            paths: {                echarts: '<%=basePath %>common/js/dist'            }        });        require(                [                    'echarts'                      'echarts/chart/line'                ]                function (ec) {                    mchart = ec.init(document.getElementById('listDiv'));                    ecConfig = require('echarts/config');                    zrEvent = require('zrender/tool/event');                    console.info(zrEvent);                    mchart.on(ecConfig.EVENT.CLICK eConsole);                                     //mchart.on('click' eConsole);                 }            );

点击调用js方法

 function eConsole(param) {     alert(""sss"");} 

问题:折线图具体我就不贴出来了,我的折线图成功加载,然后我想做点击事件,照着文档写,mchart,ecConfig在浏览器控制台输出都有值,可最后一步mchart.on('click' eConsole); 就是没有反应我也无奈了,还请哪位大神指教

时间: 2024-09-17 04:08:10

line-Echart折线图点击事件的相关文章

imageview-Android关于改变ListView里面的ImageView控件的背景图出现无法触发点击事件的问题

问题描述 Android关于改变ListView里面的ImageView控件的背景图出现无法触发点击事件的问题 问题说明:我使用AudioRecord进行录音,想要点击ImageView开始录音,然后根据音量大小设置ImageView背景图 ,由于ImageView是ListView的Item里面的一个子控件,于是我开启一个线程,使Thread.sleep(100);后 notifyDataSetChanged(),这时问题就出现了,当我再次点击ImageView想要录音暂停时,发现有时候点击事

Echarts折线图

[html] view plain copy  print? <!DOCTYPE html>   <html lang="en">   <head>       <meta charset="utf-8" />       <title>ECharts-基本线性图及其配置要求</title>       <script src="js/esl.js" type=&quo

Echarts柱状图,饼状图,折线图案例

在使用Echarts之前需要做的工作是引入Echarts所需的js: <script type="text/javascript" src="${scriptsPath}/echarts/echarts.min.js" charset="utf-8"></script> 定义要在那个div区域显示图形:  <div class="similarity-sentence" id="simi

控件-Echarts 折线图如何和后台连接

问题描述 Echarts 折线图如何和后台连接 使用Echarts控件在页面绘制了如下折线图 图片里的数据是我手动设置的固定值,现在我需要从数据库中查询数据分别填在该控件的代码中,我们规定返回到页面的是json格式,现在不知道怎么查了 因为首先有四条折线,分别对应了不同的门,而横轴的时间段应该是固定的从0到23点,但如何和我从数据库查的对应时间下的访客次数相对应呢,我现在真是无从下手,描述的也含糊不清,附上我的需求和控件代码,望大神指教!尴尬的是新手没c币 需求是:增加通行记录统计画面,以折线图

achartengine之折线图

问题在文章的最后,大致说来就是折线图,如果点的个数大于3个的时候,不是所有的点都显示对应的值的,这是为什么呢,本来以为是小问题,但两天了还没找到原因) 将前两天的折线图代码做了小量修改,形成一个类似于这样的功能(类似web页面的含有查询条件以及数据列表的功能): 页面布局: 页面A,页面B:页面A中只有一个按钮,B中有输入框和提交按钮,输入框用来输入数据. 业务流程: 1.点击A中的按钮,进入B中,此时B中没有输入数据,所以B中默认显示设置好的一个折线图, 2.在B的输入框中输入一系列以"逗号&

基于d3.js实现实时刷新的折线图_javascript类库

先来看看效果图 下面直接上源代码,html文件 <html> <head> <meta charset="utf-8"> <title>实时刷新折线图</title> <style> .axis path, .axis line{ fill: none; stroke: black; shape-rendering: crispEdges; } .axis text { font-family: sans-seri

Android开发之天气趋势折线图

先来看下效果: 控件内容比较简单,就是一个普通的折线图,上下分别带有数字,点击的时候显示当天温度的差值. 创建一个类继承自View,并添加两个构造方法: public class TrendGraph extends View { public TrendGraph(Context context) { // 在java代码中创建调用 super(context); } public TrendGraph(Context context, AttributeSet attrs) { // 在xm

Android自定义View简易折线图控件(二)

继续练习自定义View,这次带来的是简易折线图,支持坐标点点击监听,效果如下: 画坐标轴.画刻度.画点.连线..x.y轴的数据范围是写死的 1 <= x <= 7 ,1 <= y <= 70 ..写活的话涉及到坐标轴刻度的动态计算.坐标点的坐标修改,想想就头大,这里只练习自定义View. 1.在res/values文件夹下新建attrs.xml文件,编写自定义属性: <?xml version="1.0" encoding="utf-8"

微信公众平台开发入门--PHP,实现自动回复文本,图文,点击事件

一页代码实现微信基本回复和点击事件功能,部署上去sae或者bae,妥妥的基本免费的服务器 不懂代码都基本每个人都可以做自己的微信公众号了 valid(); }else{ //回复消息 $wechatObj->responseMsg(); } class wechatCallbackapiTest { public function valid() { $echoStr = $_GET["echostr"]; if($this->checkSignature()){ echo