Я использую электронные карты Baidu для создания графика силы некоторых данных сети / графика.Есть ли способ сделать масштабирование / масштабирование 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
}
}
}]
};
Спасибо!