Question

echarts 关系图

echarts关系图两个相关连的节点(nodes)用线（links）连起来。官方默认的例子，节点关系都是单方向的。我需要双向关联，节点A指向节点B，同时节点B也指向节点A。我写两组link，最终只能显示一条连线。公司要求不能发图，可以参考官网的例子。如果知道解决方法的话，请留言。分不多，有正解会再追加。
http://echarts.baidu.com/demo.html#graph-circular-layout
官方文档说弧度参数大于0小于1，但是我设置以后没有任何效果。设置为无效值，会变成直线。
lineStyle: {
normal: {
curveness: 0.3
}
}

Answer 1

使用_buildLinkShapes(nodes, links)函数，针对定义的全部线段数据，设置线段的权重（粗细）、样式和高亮样式。
1、zrender定义线段数据：

{source : 1, target : 0, weight : 1,
onclick:function(params){
alert(params.target.style.text);
},
itemStyle:{
normal:{
lineWidth:10,
text:'丽萨-乔布斯',
textColor:'#030303',
textFont:'bold 15px verdana',
textPosition:'inside'
}
}}

onclick是点击事件。onclick:function(params){alert(params.target.shape);
lineWidth是线段宽度。
text是标注的文字。
textPosition 采用的zrender中的文字位置。

定义线段事件和样式全部代码：

function _buildLinkShapes(nodes, links) {
var l = links.length;
for (var i = 0; i < l; i++) {
var link = links[i];
//var source = nodes[link.source];
// var target = nodes[link.target];
var weight = link.weight || 1;
linkWeights.push(weight);
var shape = {
id : zr.newShapeId(self.type),
shape : 'line',
hoverable : false,
style : {
xStart : 0,
yStart : 0,
xEnd : 0,
yEnd : 0
},
clickable : true,
highlightStyle : {}
};
zrUtil.merge(shape.style, linkStyle);
zrUtil.merge(shape.highlightStyle, linkEmphasisStyle);
//优先级 ItemStyle > linkStyle
if (typeof(link.itemStyle) !== 'undefined') {
if(link.itemStyle.normal){
zrUtil.merge(shape.style, link.itemStyle.normal, {
overwrite : true
});
}
if(link.itemStyle.emphasis){
zrUtil.merge(
shape.highlightStyle,
link.itemStyle.emphasis,
{ overwrite : true }
);
}
}
//zhao
if (typeof (link.onclick) !== 'undefined') {
if (link.onclick) {
shape.onclick = link.onclick;
}
}
linkShapes.push(shape);
self.shapeList.push(shape);
zr.addShape(shape);
}
var narr = new NDArray(linkWeights);
var max = narr.max();
if (max !== 0) {
linkWeights = narr.mul(1/max, narr).toArray();
}
}

Answer 2

Vue实践-基于ECharts实现曲线视图及EChart配置项使用

Answer 3

{
source : "及时雨\n宋江",
target : "铁扇子\n宋清",
value : "兄弟",
symbol : [ 'arrow', 'arrow' ]
},
在links中添加 symbol属性就可以了