我正在使用百度的eCharts创建一些网络/图形数据的力图。有没有办法让eCharts缩放/缩放以使我的所有节点都适合屏幕?
我所有的挖掘工作都产生了关于chart.resize()
的一些线索,但这不是我要尝试的。我不是要调整实际容器的大小,只需调整图表内的缩放比例即可。
这是我的option
对象:
option = {
tooltip: {
formatter: function (params, ticket, callback) {
. . .
}
},
legend: [{
data: graph.categories.map(category => {
return category.name;
})
}],
animationDuration: 1500,
animationEasingUpdate: 'quinticInOut',
series: [{
xedgeSymbol: ['none', 'arrow'],
xedgeSymbolSize: 10,
xname: 'Document',
type: 'graph',
layout: 'force',
force: {
initLayout: 'circular',
edgeLength: 50,
repulsion: [60, 80],
gravity: 0.2,
layoutAnimation: false
},
data: graph.nodes,
links: graph.links,
categories: graph.categories,
roam: true,
focusNodeAdjacency: !highlight.isEnabled,
itemStyle: {
normal: {
borderColor: '#fff',
borderWidth: 1,
shadowBlur: 10,
shadowColor: 'rgba(0, 0, 0, 0.3)'
},
emphasis: {
}
}
label: {
normal: {
position: 'right',
formatter: '{b}'
}
},
lineStyle: {
normal: {
color: 'source',
curveness: 0.2,
width: 1
},
emphasis: {
width: 8
}
}
}]
};
谢谢!