mxgraph中echarts圖形引入

mxgraph中如何引入echarts圖表的對象。比如我要引入曲線、儀表盤、餅圖等綁定參數實現動態的控制圖表的顯示。

Sidebar.prototype.addClickHandler = function(elt, ds, cells) {
	var graph = this.editorUi.editor.graph;
	var oldMouseDown = ds.mouseDown;
	var oldMouseMove = ds.mouseMove;
	var oldMouseUp = ds.mouseUp;
	var tol = graph.tolerance;
	var first = null;
	var sb = this;

	ds.mouseDown = function(evt) {
		//處理特殊圖形handler
		if (cells[0].style.indexOf("image=stencils/userDefined/jiajia.svg") != -1) {
			return alertWin('請選擇圖片', "url", 700, 300);
		}

		//實時曲線、歷史曲線、實時報警
		console.log(cells[0])
		if (cells[0].style.indexOf("image=stencils/smartObj/RealTimeCurve_128x128.png") != -1 || cells[0].style.indexOf(
				"image=stencils/smartObj/RealTimeAlarm_128x128.png") != -1 || cells[0].style.indexOf(
				"image=stencils/smartObj/HistoryData_128x128.png") != -1) {
			// return smartObjHandler(this.editorUi);
			let pt = graph.getFreeInsertPoint();

			if (mxEvent.isAltDown(evt)) {
				let bounds = graph.getGraphBounds();