如上關系圖， 想實作的效果是：把圓替換為圓形的圖片（ps：圖片素材不確定是圓還是矩形）
uj5u.com熱心網友回復：
app.title = '力引導布局';
myChart.showLoading();
$.get('data/asset/data/les-miserables.gexf', function (xml) {
myChart.hideLoading();
var graph = echarts.dataTool.gexf.parse(xml);
var categories = [];
for (var i = 0; i < 9; i++) {
categories[i] = {
name: '類目' + i
};
}
graph.nodes.forEach(function (node) {
node.itemStyle = "";
node.symbolSize = 30;
node.symbol = "image://http://d.lanrentuku.com/down/png/1101/paradise_fruit/apple512.png";
node.value = node.symbolSize;
node.category = node.attributes.modularity_class;
// Use random x, y
node.x = node.y = null;
node.draggable = true;
});
option = {
title: {
text: 'Les Miserables',
subtext: 'Default layout',
top: 'bottom',
left: 'right'
},
tooltip: {},
legend: [{
// selectedMode: 'single',
data: categories.map(function (a) {
return a.name;
})
}],
animation: false,
series : [
{
name: 'Les Miserables',
type: 'graph',
layout: 'force',
data: graph.nodes,
links: graph.links,
categories: categories,
roam: true,
label: {
normal: {
position: 'right'
}
},
force: {
repulsion: 100
}
}
]
};
myChart.setOption(option);
}, 'xml');
uj5u.com熱心網友回復：
標注紅色居然被轉換了。。。。重點是 node.symbol = "image://http://d.lanrentuku.com/down/png/1101/paradise_fruit/apple512.png";
uj5u.com熱心網友回復：
@香蕉豬 非常感謝你的回答，symbol貼上的圖片是原來的格式，我需要將矩形的圖片裁剪成圓形，不知道如何配置uj5u.com熱心網友回復：
樓主解決圖片轉成圓形了嗎，我現在也是要把矩形變成圓形，還沒有找到辦法轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/115635.html
標籤：JavaScript