匿名用戶

1級

2016-05-14 回答

使用_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?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);
//優(yōu)先級?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();
}
}

總結

以上是生活随笔為你收集整理的echarts做企业关系图谱_echarts 关系图的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。