精华内容
参与话题
问答
  • chart.getZr().on('click', function() { // 如何根据arguments 判断我点了什么 console.log(arguments); }); </code></pre>该提问来源于开源项目:ecomfe/echarts-liquidfill</p></div>
  • chart.getZr().off() chart.getZr().on('click',params=>{ let pointInPixel = [params.offsetX, params.offsetY] console.log(chart.containPixel('grid', pointInPixel)) let pointInGrid = chart....

    例子

    注意:echarts点击事件先进行off(),能够避免2次事件

    chart.getZr().off()
    chart.getZr().on('click',params=>{
    	  let pointInPixel = [params.offsetX, params.offsetY]
    	  console.log(chart.containPixel('grid', pointInPixel))
    	  let pointInGrid = chart.convertFromPixel({ seriesIndex: 0 }, pointInPixel)
    	  console.log(pointInGrid)
    	  // x轴数据的索引值
    	  let yIndex = pointInGrid[1]
    	  var name=obj.y[yIndex]
    	  //下面进行操作函数
    })
    
    展开全文
  • chart.getZr().on('click', async (params) => { const pointInPixel = [params.offsetX, params.offsetY] if (chart.containPixel('grid', pointInPixel)) { let index = chart.convertFromPixel({ series...

    原点击事件切换如下

    chart.getZr().on('click', async (params) => {
    	const pointInPixel = [params.offsetX, params.offsetY]
    	if (chart.containPixel('grid', pointInPixel)) {
    		let index = chart.convertFromPixel({ seriesIndex: 0 }, pointInPixel)[0]
    		// index=数据index
    		// todo...
    	}
    })
    
    展开全文
  • 都没用,至于chart.getZr().on.('click',fanction(){})、chart.getZr().on.('mouseover',fanction(){}).......等等等等,都是整个地图的方法,哪怕在高亮区域外面都能看到他们生效,最迟明天早上,做不出来就凉凉了...
  • var _ZR = myChart.getZr(); var color = ['#61a0a8', '#d14a61', '#fd9c35', '#675bba', '#fec42c', '#dd4444', '#fd9c35', '#cd4870'] _zr.add(new echarts.graphic.Sector ({ shape: { cx: 330, ...
  • jpbc-2.0.0.rar

    2020-05-21 18:40:23
    Android studio 配置 jPBC 2.0.0 1、在压缩包的jars文件夹下找到下面两个文件:jpbc-api-2.0.0.jar 和 jpbc-plaf-... Field Zq = pairing.getZr(); 之后就可以在工程里正常调用jpbc相关库函数并进行加密了!!!
  • Liquid Fill Chart for Apache ECharts (incubating) Liquid Fill Chart plugin for Apache ECharts (incubating), which is usually used to represent data in percentage. Install ECharts ...
  • 不要写onClick事件,用以下...myChart.getZr().on('click',function (params) { var pointInPixel= [params.offsetX, params.offsetY]; if (myChart.containPixel('grid',pointInPixel)) { /*此处添加具体执行...

    不要写onClick事件,用以下方法代替

    myChart.getZr().on('click',function (params) {
    	    var pointInPixel= [params.offsetX, params.offsetY];
    	    if (myChart.containPixel('grid',pointInPixel)) {
    	        /*此处添加具体执行代码*/
                
                var pointInGrid=myChart.convertFromPixel({seriesIndex:0},pointInPixel);
    	        //X轴序号
    	        var xIndex=pointInGrid[0];
    
                //获取当前图表的option
    	        var op=myChart.getOption();
    
                //获得图表中我们想要的数据
    	        var month=op.xAxis[0].data[xIndex];
    
    	    }
    	});
    
    
    	//将可以响应点击事件的范围内,鼠标样式设为pointer--------------------
    	myChart.getZr().on('mousemove',function (params) {
    	    var pointInPixel= [params.offsetX, params.offsetY];
    	    if (myChart.containPixel('grid',pointInPixel)) {
    	    	myChart.getZr().setCursorStyle('pointer');
    	    };
    	});
    	myChart.on('mouseout', function (params) {
    		var pointInPixel= [params.offsetX, params.offsetY];
        	if (!myChart.containPixel('grid',pointInPixel)) {
    	    	myChart.getZr().setCursorStyle('default');
    	    };
        });
    	//--------------------------------------------------------------

    如果对convertFromPixel方法有好的理解,应该可以获得更多有效的数据,操作起来应该会更简单一点。

    之前的代码IE不能识别,修改过后应该比较标准来,我测试在IE下可以正常使用。

    这里暂时没有搞明白,理解肤浅,欢迎指教。

     

    ———————————更新————————————————————

    最近才明白convertFromPixel这个破函数的作用,其实功能很弱,只是将像素坐标转换成逻辑坐标。

    比如pointInPixel是[480,120]转换后得到pointInGrid[4,9],4就是X轴坐标,5就是Y轴坐标。

    finder {seriesIndex:0}其实可以换成其他很多写法,只要finder正确,结果很可能是一样的,没有具体实验过。

    展开全文
  • echarts 3D地图区域点击触发事件

    千次阅读 热门讨论 2018-11-13 11:20:59
    搞了一天也没解决echart 3d地图点击区域事件响应,现在把成果共享给大家,csdn里面很多下载,但都不能解决问题...myChart.getZr().on('click',function(e){ funcOnClick(e); }); 地图上的点击事件分为数据区域和非数...

    搞了一天也没解决echart 3d地图点击区域事件响应,现在把成果共享给大家,csdn里面很多下载,但都不能解决问题
    常规方法为:
    myChart.on('click',function(e){
    funcOnClick(e);
    });
    修改为:
    myChart.getZr().on('click',function(e){
    funcOnClick(e);
    });
    地图上的点击事件分为数据区域和非数据区域的触发,加了getZr()后,不管是在非数据区域还是数据区域都能触发。

    展开全文
  • 先看效果图吧: 一般我们echars的折现图设置点击事件时,只能点击那个点,特别的不... myChart.setOption(option,true); myChart.getZr().on('click', function (params) { var pointInPixel= [params.offs...
  • 利用getZr()属性获取滑动事件和点击事件,(需要支持es6,否则自行改写) let obj = document.getElementById('xxxxxxxxxxxxxxId') if (!obj) return let myChart = echarts.init(obj) ...myChart.getZr().on...
  • 需求说明:echarts的click事件,只当点击到图形元素是才会触发,对于当一组数据最大值和最小值相差较大时,数值较小的图形元素太小... 解决思路: 1)使用getZr()添加图表的整个canvas区域的点击事件,并获取para...
  • 需求背景:点击Echarts区域跳转页面,跳转的区域不包括grid的坐标及...通过百度和查看github issue后多用Echarts实例的getZr()方法监听到整个画布的 click 事件。 ​ 使用echartsInstance.getZr().on('click' , p...
  • echarts3的加载气泡动画

    千次阅读 2018-01-08 16:13:52
    效果: 代码: echarts.registerLoading("test", function (chartInstance, cfg) { var zr = chartInstance.getZr(), width = chartInstance.getWidth(), heig
  • Echarts阴影点击触发Click

    千次阅读 2019-01-28 19:01:33
    主要原理用到: 前端框架canvas 的getZr()函数 主要实现: 全局变量:var shadowData; Tooltip中为shadowData赋值   Click事件: 参考文档: ...
  • myChart.getZr().on('click', () => { //拿到index即可取出被点击数据的所有信息 console.log(clickIndex) }) 2. 在 tooltip 的 formatter 函数中,每次调用都记录下需要的参数(一般取d...
  • echarts范围点击

    2019-07-02 16:29:13
    存于世,必要拯救世界,希望的灯光也需要积累。 记之已身,学以致用,欢迎转载,更多...myChart3.getZr().on('click', function (params) { var pointInPixel = [params.offsetX, params.offsetY]; if (myChart3.c...
  • 下面的代码,是获取点击统计图区域的,也就是 X 轴和 Y 轴... myCharts.getZr().on('click', function (params) {  const pointInPixel = [params.offsetX, params.offsetY];  if (myCharts .containPixel('g...
  • <ReactEcharts onChartReady={this.onChartReady}/> onChartReady(echart) { echart.getZr().on('click',params=>{ const pointInPixel = [params.offsetX, params.offsetY]; ...
  • echart在vue中的点击空白处和点击图表...myChart.getZr().on('click', params => { console.log(params) console.log(params.target) if(params.target == undefined) { //点击空白处调用方法 ...
  • 看图。使用动态模糊做出尾迹,在攻击点到达目的地时生成一个圆,然后再让圆动画放大,透明度减小。 使用方法: 官方例子中选择模拟迁徙。... var zr=myChart.getZr(); setInterval(doani,1000) function doani(){...
  • Echarts 柱状图点击事件 转载于:...只是自己记录下代码,什么都没改动 const _this = this //指针 myChart.getZr().on('click',function (params) {//点击事件 let po...
  • 火狐浏览器兼容性问题: disabled属性会阻止事件冒泡,导致一些复合组件点击事件无效。 ...this.echartsIntance.getZr().on('click',params=>{ const pointInPixel= [params.offsetX, params.offsetY]; ...
  • Echarts左键点击绘图

    2020-01-10 16:32:12
    Echarts左键点击绘图getZr()监听整个图表的点击事件判断...myChart.getZr().on('click', function (params) { } 判断是否在图表网格内 myChart.containPixel('grid', pointInPixel) 得到点击的x与y坐标 var xInde...
  • 记录贴 点击echarts柱状图后画出对应地图的外轮廓 ...myChart3.getZr().on('click', function (params) { getBoundary(params.name) } //地图配置 var map = new BMap.Map("container"); map.cen...
  • myChart.on('click',function(params){ var name = params.name; var seriesType = params.seriesType; console.log(name+"\n"+seriesType); console.log(params) ...myChart.getZr().on('click', params => .
  • // 用getZr方法绑定click chart.getZr().on('click', async (params) => { // 无论是否点击到图本身,都能拿到坐标 const pointInPixel = [params.offsetX, params.offsetY] if (chart.containPixel('grid', ...
  • myChart.getZr().on('click', (res)=>{ // 空白 this.welfare = false }); myChart.on('click', (res)=>{ this.cleanse(res) }); myChart.on('georoam', (res)=>{ // 移动or缩放 this.cleanse(res) }); ...

空空如也

1 2 3
收藏数 43
精华内容 17
关键字:

getzr