echart的关系图添加点击事件，改变节点名称 及绘制图表节点

// 图表随着浏览器缩放，改变大小
window.addEventListener("resize", () => {
   mychart.resize();
});
//  图表添加点击事件
mychart.on('click',function(params) {
		let self = this;
       self.nodeIdx = params.dataIndex;
       if(params.dataType === 'node') {  // 点击节点
       		// 点击节点，改变节点名称，节点名称不能相同
           series[0].data[self.nodeIdx].name = parseInt(Math.random()*200);
       }else if (params.dataType === 'edge') {   // 点击连接线
           if (series[0].links[self.nodeIdx].lineStyle.opacity === 0.3) 
				series[0].links[self.nodeIdx].lineStyle.opacity = 1;
           else {
               series[0].links[self.nodeIdx].lineStyle.opacity = 0.3;
           }
       }
       self.chart.option = {
           series: series
       };
       self.chart.target.setOption(self.chart.option);
   })

容器280px，15个节点，默认是从canvas的中点绘制，同时所有节点都绘制上，会出现如图1的情况，我们不想所有点挤到一起，可以设置left和top，属性值为字符串，这样就会从自己设置的位置开始绘制图表，
也可以通过设置roam设置滚轮缩放事件