1 Star 1 Fork 8

yangliuqingqing/ant-learn-visualization

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
graph_base.html 12.16 KB
一键复制 编辑 原始数据 按行查看 历史
cztps2 提交于 2021-04-20 22:44 +08:00 . init
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Awesome-pyecharts</title>
<script type="text/javascript" src="https://assets.pyecharts.org/assets/echarts.min.js"></script>
</head>
<body>
<div id="627087f14ac24c729d8655200c7483eb" class="chart-container" style="width:900px; height:500px;"></div>
<script>
var chart_627087f14ac24c729d8655200c7483eb = echarts.init(
document.getElementById('627087f14ac24c729d8655200c7483eb'), 'white', {renderer: 'canvas'});
var option_627087f14ac24c729d8655200c7483eb = {
"animation": true,
"animationThreshold": 2000,
"animationDuration": 1000,
"animationEasing": "cubicOut",
"animationDelay": 0,
"animationDurationUpdate": 300,
"animationEasingUpdate": "cubicOut",
"animationDelayUpdate": 0,
"color": [
"#c23531",
"#2f4554",
"#61a0a8",
"#d48265",
"#749f83",
"#ca8622",
"#bda29a",
"#6e7074",
"#546570",
"#c4ccd3",
"#f05b72",
"#ef5b9c",
"#f47920",
"#905a3d",
"#fab27b",
"#2a5caa",
"#444693",
"#726930",
"#b2d235",
"#6d8346",
"#ac6767",
"#1d953f",
"#6950a1",
"#918597"
],
"series": [
{
"type": "graph",
"layout": "force",
"symbolSize": 10,
"circular": {
"rotateLabel": false
},
"force": {
"repulsion": 8000,
"edgeLength": 50,
"gravity": 0.2
},
"label": {
"show": true,
"position": "top",
"margin": 8
},
"lineStyle": {
"show": true,
"width": 1,
"opacity": 1,
"curveness": 0,
"type": "solid"
},
"roam": true,
"draggable": false,
"focusNodeAdjacency": true,
"data": [
{
"name": "\u7ed3\u70b91",
"symbolSize": 10
},
{
"name": "\u7ed3\u70b92",
"symbolSize": 20
},
{
"name": "\u7ed3\u70b93",
"symbolSize": 30
},
{
"name": "\u7ed3\u70b94",
"symbolSize": 40
},
{
"name": "\u7ed3\u70b95",
"symbolSize": 50
},
{
"name": "\u7ed3\u70b96",
"symbolSize": 40
},
{
"name": "\u7ed3\u70b97",
"symbolSize": 30
},
{
"name": "\u7ed3\u70b98",
"symbolSize": 20
}
],
"edgeLabel": {
"show": false,
"position": "top",
"margin": 8
},
"edgeSymbol": [
null,
null
],
"edgeSymbolSize": 10,
"links": [
{
"source": "\u7ed3\u70b91",
"target": "\u7ed3\u70b91"
},
{
"source": "\u7ed3\u70b91",
"target": "\u7ed3\u70b92"
},
{
"source": "\u7ed3\u70b91",
"target": "\u7ed3\u70b93"
},
{
"source": "\u7ed3\u70b91",
"target": "\u7ed3\u70b94"
},
{
"source": "\u7ed3\u70b91",
"target": "\u7ed3\u70b95"
},
{
"source": "\u7ed3\u70b91",
"target": "\u7ed3\u70b96"
},
{
"source": "\u7ed3\u70b91",
"target": "\u7ed3\u70b97"
},
{
"source": "\u7ed3\u70b91",
"target": "\u7ed3\u70b98"
},
{
"source": "\u7ed3\u70b92",
"target": "\u7ed3\u70b91"
},
{
"source": "\u7ed3\u70b92",
"target": "\u7ed3\u70b92"
},
{
"source": "\u7ed3\u70b92",
"target": "\u7ed3\u70b93"
},
{
"source": "\u7ed3\u70b92",
"target": "\u7ed3\u70b94"
},
{
"source": "\u7ed3\u70b92",
"target": "\u7ed3\u70b95"
},
{
"source": "\u7ed3\u70b92",
"target": "\u7ed3\u70b96"
},
{
"source": "\u7ed3\u70b92",
"target": "\u7ed3\u70b97"
},
{
"source": "\u7ed3\u70b92",
"target": "\u7ed3\u70b98"
},
{
"source": "\u7ed3\u70b93",
"target": "\u7ed3\u70b91"
},
{
"source": "\u7ed3\u70b93",
"target": "\u7ed3\u70b92"
},
{
"source": "\u7ed3\u70b93",
"target": "\u7ed3\u70b93"
},
{
"source": "\u7ed3\u70b93",
"target": "\u7ed3\u70b94"
},
{
"source": "\u7ed3\u70b93",
"target": "\u7ed3\u70b95"
},
{
"source": "\u7ed3\u70b93",
"target": "\u7ed3\u70b96"
},
{
"source": "\u7ed3\u70b93",
"target": "\u7ed3\u70b97"
},
{
"source": "\u7ed3\u70b93",
"target": "\u7ed3\u70b98"
},
{
"source": "\u7ed3\u70b94",
"target": "\u7ed3\u70b91"
},
{
"source": "\u7ed3\u70b94",
"target": "\u7ed3\u70b92"
},
{
"source": "\u7ed3\u70b94",
"target": "\u7ed3\u70b93"
},
{
"source": "\u7ed3\u70b94",
"target": "\u7ed3\u70b94"
},
{
"source": "\u7ed3\u70b94",
"target": "\u7ed3\u70b95"
},
{
"source": "\u7ed3\u70b94",
"target": "\u7ed3\u70b96"
},
{
"source": "\u7ed3\u70b94",
"target": "\u7ed3\u70b97"
},
{
"source": "\u7ed3\u70b94",
"target": "\u7ed3\u70b98"
},
{
"source": "\u7ed3\u70b95",
"target": "\u7ed3\u70b91"
},
{
"source": "\u7ed3\u70b95",
"target": "\u7ed3\u70b92"
},
{
"source": "\u7ed3\u70b95",
"target": "\u7ed3\u70b93"
},
{
"source": "\u7ed3\u70b95",
"target": "\u7ed3\u70b94"
},
{
"source": "\u7ed3\u70b95",
"target": "\u7ed3\u70b95"
},
{
"source": "\u7ed3\u70b95",
"target": "\u7ed3\u70b96"
},
{
"source": "\u7ed3\u70b95",
"target": "\u7ed3\u70b97"
},
{
"source": "\u7ed3\u70b95",
"target": "\u7ed3\u70b98"
},
{
"source": "\u7ed3\u70b96",
"target": "\u7ed3\u70b91"
},
{
"source": "\u7ed3\u70b96",
"target": "\u7ed3\u70b92"
},
{
"source": "\u7ed3\u70b96",
"target": "\u7ed3\u70b93"
},
{
"source": "\u7ed3\u70b96",
"target": "\u7ed3\u70b94"
},
{
"source": "\u7ed3\u70b96",
"target": "\u7ed3\u70b95"
},
{
"source": "\u7ed3\u70b96",
"target": "\u7ed3\u70b96"
},
{
"source": "\u7ed3\u70b96",
"target": "\u7ed3\u70b97"
},
{
"source": "\u7ed3\u70b96",
"target": "\u7ed3\u70b98"
},
{
"source": "\u7ed3\u70b97",
"target": "\u7ed3\u70b91"
},
{
"source": "\u7ed3\u70b97",
"target": "\u7ed3\u70b92"
},
{
"source": "\u7ed3\u70b97",
"target": "\u7ed3\u70b93"
},
{
"source": "\u7ed3\u70b97",
"target": "\u7ed3\u70b94"
},
{
"source": "\u7ed3\u70b97",
"target": "\u7ed3\u70b95"
},
{
"source": "\u7ed3\u70b97",
"target": "\u7ed3\u70b96"
},
{
"source": "\u7ed3\u70b97",
"target": "\u7ed3\u70b97"
},
{
"source": "\u7ed3\u70b97",
"target": "\u7ed3\u70b98"
},
{
"source": "\u7ed3\u70b98",
"target": "\u7ed3\u70b91"
},
{
"source": "\u7ed3\u70b98",
"target": "\u7ed3\u70b92"
},
{
"source": "\u7ed3\u70b98",
"target": "\u7ed3\u70b93"
},
{
"source": "\u7ed3\u70b98",
"target": "\u7ed3\u70b94"
},
{
"source": "\u7ed3\u70b98",
"target": "\u7ed3\u70b95"
},
{
"source": "\u7ed3\u70b98",
"target": "\u7ed3\u70b96"
},
{
"source": "\u7ed3\u70b98",
"target": "\u7ed3\u70b97"
},
{
"source": "\u7ed3\u70b98",
"target": "\u7ed3\u70b98"
}
]
}
],
"legend": [
{
"data": [],
"selected": {},
"show": true,
"padding": 5,
"itemGap": 10,
"itemWidth": 25,
"itemHeight": 14
}
],
"tooltip": {
"show": true,
"trigger": "item",
"triggerOn": "mousemove|click",
"axisPointer": {
"type": "line"
},
"textStyle": {
"fontSize": 14
},
"borderWidth": 0
},
"title": [
{
"text": "Graph-\u57fa\u672c\u793a\u4f8b",
"padding": 5,
"itemGap": 10
}
]
};
chart_627087f14ac24c729d8655200c7483eb.setOption(option_627087f14ac24c729d8655200c7483eb);
</script>
</body>
</html>
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/yangliuqingqing/ant-learn-visualization.git
git@gitee.com:yangliuqingqing/ant-learn-visualization.git
yangliuqingqing
ant-learn-visualization
ant-learn-visualization
master

搜索帮助