echarts关系图(graph) 节点拖拽无法固定解决办法

最新推荐文章于 2024-08-10 11:10:53 发布

freedom_Mr

最新推荐文章于 2024-08-10 11:10:53 发布

阅读量9.8k

点赞数 10

分类专栏：记录文章标签： echarts graph 节点拖拽节点固定

本文链接：https://blog.csdn.net/qq_33772352/article/details/94387109

版权

记录专栏收录该内容

32 篇文章 0 订阅

订阅专栏

echarts关系图(graph) 节点拖拽无法固定解决办法

方法一：echarts 绑定 mouseup事件

        //节点拖拽固定
        myChart.on('mouseup', function (params) {
          var option = myChart.getOption();
          option.series[0].data[params.dataIndex].x = params.event.offsetX;
          option.series[0].data[params.dataIndex].y = params.event.offsetY;
          option.series[0].data[params.dataIndex].fixed = true;
          myChart.setOption(option);
        });

方法二：修改echarts.js源码

找到以下部分代码，注释 this.dispatchToElement(draggingTarget, 'dragend', e.event); 这一行。

	  	_dragEnd: function (e) {
	         var draggingTarget = this._draggingTarget;
	
	         if (draggingTarget) {
	             draggingTarget.dragging = false;
	         }
	         //dispatchToElement用于控制还原节点
	         this.dispatchToElement(draggingTarget, 'dragend', e.event);
	
	         if (this._dropTarget) {
	             this.dispatchToElement(this._dropTarget, 'drop', e.event);
	         }
	
	         this._draggingTarget = null;
	         this._dropTarget = null;
	     }