ECharts关系图配置,求教

foolman_pc 2017-06-07 11:46:47

如上关系图, 想实现的效果是:把圆替换为圆形的图片(ps:图片素材不确定是圆还是矩形)
...全文
1256 4 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
一剑还 2019-12-23
  • 打赏
  • 举报
回复
楼主解决图片转成圆形了吗,我现在也是要把矩形变成圆形,还没有找到办法
香蕉猪 2017-06-07
  • 打赏
  • 举报
回复
标注红色居然被转换了。。。。 重点是 node.symbol = "image://http://d.lanrentuku.com/down/png/1101/paradise_fruit/apple512.png";
香蕉猪 2017-06-07
  • 打赏
  • 举报
回复

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');

foolman_pc 2017-06-07
  • 打赏
  • 举报
回复
@香蕉猪 非常感谢你的回答,symbol贴上的图片是原来的格式,我需要将矩形的图片裁剪成圆形,不知道如何配置

87,997

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧