Toggle navigation
关系图箭头指向自定义坐标
By
江南彼岸花40
2018-12-04 08:50:35
脚本
16
21
作品使用的第三方脚本
数据管理
上传数据
支持小于 5M 任意格式（csv, xlsx, json, xml, ...）的数据文件
上传后可以通过生成的文件链接异步获取托管的数据。
历史数据
0 条
无历史数据
代码修改记录
信息提示
保存作品
对当前截图不满意？你还可以
上传本地截图
重新截图
作品名称
作品描述
标签
geo
grid
legend
markLine
markPoint
bar
effectScatter
line
lines
map
timeline
title
toolbox
tooltip
visualMap
作品默认版本
最新
16
15
14
13
12
11
10
9
8
7
6
5
4
3
2
1
20:11:45
图表已生成
整理代码
刷新
代码
var renderData = { edges: [{ "source": "AX0002001", "sourcename": "TestSys2Db1", "sourcecnname": "测试数据库1", "target": "AX0005001", "targetname": "TestSys5Db1", "targetcnname": "测试数据库1", "MappingNo": "MAP002001", "rank": "db" }, { "source": "AX0002002", "sourcename": "TestSys2Db2", "sourcecnname": "测试数据库2", "target": "AX0005002", "targetname": "TestSys5Db2", "targetcnname": "测试数据库2", "MappingNo": "MAP002002", "rank": "db" }, { "source": "AX0002003", "sourcename": "TestSys2Db3", "sourcecnname": "测试数据库3", "target": "AX0005003", "targetname": "TestSys5Db3", "targetcnname": "测试数据库3", "MappingNo": "MAP002003", "rank": "db" }, { "source": "AX0002004", "sourcename": "TestSys2Db4", "sourcecnname": "测试数据库4", "target": "AX0005004", "targetname": "TestSys5Db4", "targetcnname": "测试数据库4", "MappingNo": "MAP002004", "rank": "db" }, { "source": "AX0002005", "sourcename": "TestSys2Db5", "sourcecnname": "测试数据库5", "target": "AX0005005", "targetname": "TestSys5Db5", "targetcnname": "测试数据库5", "MappingNo": "MAP002005", "rank": "db" }], nodes: [{ "name": "AX0002001", "x": 75, "y": 10, "No": "AX0002001", "ename": "TestSys2Db1", "cnname": "测试数据库1", "showData": { "resultCode": "", "numOfTables": 0, "numOfColumns": 0 }, "sysno": "AX0002", "sysname": "TestSys2", "dbno": null, "dbname": null }, { "name": "AX0002002", "x": 75, "y": 40, "No": "AX0002002", "ename": "TestSys2Db2", "cnname": "测试数据库2", "showData": { "resultCode": "", "numOfTables": 0, "numOfColumns": 0 }, "sysno": "AX0002", "sysname": "TestSys2", "dbno": null, "dbname": null }, { "name": "AX0002003", "x": 75, "y": 70, "No": "AX0002003", "ename": "TestSys2Db3", "cnname": "测试数据库3", "showData": { "resultCode": "", "numOfTables": 0, "numOfColumns": 0 }, "sysno": "AX0002", "sysname": "TestSys2", "dbno": null, "dbname": null }, { "name": "AX0002004", "x": 75, "y": 100, "No": "AX0002004", "ename": "TestSys2Db4", "cnname": "测试数据库4", "showData": { "resultCode": "", "numOfTables": 0, "numOfColumns": 0 }, "sysno": "AX0002", "sysname": "TestSys2", "dbno": null, "dbname": null }, { "name": "AX0002005", "x": 75, "y": 130, "No": "AX0002005", "ename": "TestSys2Db5", "cnname": "测试数据库5", "showData": { "resultCode": "", "numOfTables": 0, "numOfColumns": 0 }, "sysno": "AX0002", "sysname": "TestSys2", "dbno": null, "dbname": null }, { "name": "AX0005001", "x": 320, "y": 10, "No": "AX0005001", "ename": "TestSys5Db1", "cnname": "测试数据库1", "showData": { "resultCode": "", "numOfTables": 0, "numOfColumns": 0 }, "symbolSize": [0, 25], "label": { "normal": { "show": false }, "emphasis": { "show": false } } }, { "name": "AX0005002", "x": 320, "y": 40, "No": "AX0005002", "ename": "TestSys5Db2", "cnname": "测试数据库2", "showData": { "resultCode": "", "numOfTables": 0, "numOfColumns": 0 }, "symbolSize": [0, 25], "label": { "normal": { "show": false }, "emphasis": { "show": false } } }, { "name": "AX0005003", "x": 320, "y": 70, "No": "AX0005003", "ename": "TestSys5Db3", "cnname": "测试数据库3", "showData": { "resultCode": "", "numOfTables": 0, "numOfColumns": 0 }, "symbolSize": [0, 25], "label": { "normal": { "show": false }, "emphasis": { "show": false } } }, { "name": "AX0005004", "x": 320, "y": 100, "No": "AX0005004", "ename": "TestSys5Db4", "cnname": "测试数据库4", "showData": { "resultCode": "", "numOfTables": 0, "numOfColumns": 0 }, "symbolSize": [0, 25], "label": { "normal": { "show": false }, "emphasis": { "show": false } } }, { "name": "AX0005005", "x": 320, "y": 130, "No": "AX0005005", "ename": "TestSys5Db5", "cnname": "测试数据库5", "showData": { "resultCode": "", "numOfTables": 0, "numOfColumns": 0 }, "symbolSize": [0, 25], "label": { "normal": { "show": false }, "emphasis": { "show": false } } }, { "name": "\tAX0005001", "x": 400, "y": 10, "No": "AX0005001", "ename": "TestSys5Db1", "cnname": "测试数据库1", "showData": { "resultCode": "", "numOfTables": 0, "numOfColumns": 0 }, "sysno": "AX0005", "sysname": "TestSys5", "dbno": null, "dbname": null }, { "name": "\tAX0005002", "x": 400, "y": 40, "No": "AX0005002", "ename": "TestSys5Db2", "cnname": "测试数据库2", "showData": { "resultCode": "", "numOfTables": 0, "numOfColumns": 0 }, "sysno": "AX0005", "sysname": "TestSys5", "dbno": null, "dbname": null }, { "name": "\tAX0005003", "x": 400, "y": 70, "No": "AX0005003", "ename": "TestSys5Db3", "cnname": "测试数据库3", "showData": { "resultCode": "", "numOfTables": 0, "numOfColumns": 0 }, "sysno": "AX0005", "sysname": "TestSys5", "dbno": null, "dbname": null }, { "name": "\tAX0005004", "x": 400, "y": 100, "No": "AX0005004", "ename": "TestSys5Db4", "cnname": "测试数据库4", "showData": { "resultCode": "", "numOfTables": 0, "numOfColumns": 0 }, "sysno": "AX0005", "sysname": "TestSys5", "dbno": null, "dbname": null }, { "name": "\tAX0005005", "x": 400, "y": 130, "No": "AX0005005", "ename": "TestSys5Db5", "cnname": "测试数据库5", "showData": { "resultCode": "", "numOfTables": 0, "numOfColumns": 0 }, "sysno": "AX0005", "sysname": "TestSys5", "dbno": null, "dbname": null }] }; option = { // title:{ // text:"数据库数据走向关系图", // x:'center', // y:140 // }, color: ['#7289ab', '#73b9bc', '#73a373', '#eedd78', '#ea7e53', '#8dc1a9', '#e69d87'], tooltip: { axisPointer: { type: 'shadow' }, confine: true, formatter: function(params) { if (params.dataType == "edge") { return params.data.sourcename + ":" + params.data.sourcecnname + ">" + params.data.targetname + ":" + params.data.targetcnname } if (params.dataType == "node" && params.data.showData != undefined) { var cnname = params.data.cnname == undefined ? "" : params.data.cnname; return params.data.ename + ":" + cnname + "<br> 表个数:" + params.data.showData.numOfTables + "<br> 字段个数:" + params.data.showData.numOfColumns } } }, series: [{ type: 'graph', layout: 'none', symbol: 'roundRect', symbolSize: [200, 25], symbolRotate: 0, draggable: true, edgeSymbolSize: [10, 10], edgeSymbol: ['none', 'arrow'], hoverAnimation: false, focusNodeAdjacency: true, width: 400, itemStyle: { normal: { borderColor: "#000000e0", borderWidth: 0.5, color: "#fff", shadowColor: 'rgba(0, 0, 0, 0.5)', shadowBlur: 5 } }, lineStyle: { normal: { opacity: 1, width: 2, curveness: 0, color: "#c3c0c0" } }, // 圆圈内的文字 label: { normal: { show: true, textStyle: { color: "#000" }, fontSize: 16, formatter: function(param) { return param.data.ename } } }, force: { repulsion: 2000 }, nodes: renderData.nodes, edges: renderData.edges }] };
