forked from clay/er-top
152 lines
4.4 KiB
JavaScript
152 lines
4.4 KiB
JavaScript
/**
|
|
* @author: clay
|
|
* @data: 2021/5/14 23:06
|
|
* @email: clay@hchyun.com
|
|
* @description: node
|
|
*/
|
|
export function renderMap(graph,graphData){
|
|
// const rawData = [
|
|
// {
|
|
// "id": "info",
|
|
// "label": "Employee",
|
|
// "attrs": [{
|
|
// "key": "id",
|
|
// "type": "number(6)"
|
|
// },
|
|
// {
|
|
// "key": "key",
|
|
// "type": "varchar(255)"
|
|
// },
|
|
// {
|
|
// "key": "gender",
|
|
// "type": "enum(M, F)"
|
|
// },
|
|
// {
|
|
// "key": "birthday",
|
|
// "type": "date"
|
|
// },
|
|
// {
|
|
// "key": "hometown",
|
|
// "type": "varchar(255)"
|
|
// },
|
|
// {
|
|
// "key": "country",
|
|
// "type": "varchar(255)"
|
|
// },
|
|
// {
|
|
// "key": "nation",
|
|
// "type": "varchar(255)"
|
|
// },
|
|
// {
|
|
// "key": "jobId",
|
|
// "type": "number(3)",
|
|
// "relation": [{
|
|
// "key": "id",
|
|
// "nodeId": "job"
|
|
// }]
|
|
// },
|
|
// {
|
|
// "key": "phone",
|
|
// "type": "varchar(255)"
|
|
// },
|
|
// {
|
|
// "key": "deptId",
|
|
// "type": "number(6)",
|
|
// "relation": [{
|
|
// "key": "id",
|
|
// "nodeId": "dept"
|
|
// }]
|
|
// },
|
|
// {
|
|
// "key": "startTime",
|
|
// "type": "date"
|
|
// },
|
|
// {
|
|
// "key": "leaveTime",
|
|
// "type": "date"
|
|
// }
|
|
// ]
|
|
// },
|
|
// {
|
|
// "id": "job",
|
|
// "label": "Job",
|
|
// "attrs": [{
|
|
// "key": "id",
|
|
// "type": "number(3)"
|
|
// },
|
|
// {
|
|
// "key": "title",
|
|
// "type": "varchar(255)"
|
|
// },
|
|
// {
|
|
// "key": "level",
|
|
// "type": "number(3)"
|
|
// }
|
|
// ]
|
|
// },
|
|
// {
|
|
// "id": "dept",
|
|
// "label": "Department",
|
|
// "attrs": [{
|
|
// "key": "id",
|
|
// "type": "number(6)"
|
|
// },
|
|
// {
|
|
// "key": "title",
|
|
// "type": "varchar(255)"
|
|
// },
|
|
// {
|
|
// "key": "desc",
|
|
// "type": "text"
|
|
// },
|
|
// {
|
|
// "key": "parent",
|
|
// "type": "number(6)",
|
|
// "relation": [{
|
|
// "key": "id",
|
|
// "nodeId": "dept"
|
|
// }]
|
|
// },
|
|
// {
|
|
// "key": "manager",
|
|
// "type": "number(6)"
|
|
// }
|
|
// ]
|
|
// }
|
|
// ]
|
|
//
|
|
// const dataTransform = (data) => {
|
|
// const nodes = [];
|
|
// const edges = [];
|
|
//
|
|
// data.map((node) => {
|
|
// nodes.push({
|
|
// ...node
|
|
// });
|
|
// if (node.attrs) {
|
|
// node.attrs.forEach((attr) => {
|
|
// if (attr.relation) {
|
|
// attr.relation.forEach((relation) => {
|
|
// edges.push({
|
|
// source: node.id,
|
|
// target: relation.nodeId,
|
|
// sourceKey: attr.key,
|
|
// targetKey: relation.key,
|
|
// label: relation.label,
|
|
// });
|
|
// });
|
|
// }
|
|
//
|
|
// });
|
|
// }
|
|
// });
|
|
//
|
|
// return {
|
|
// nodes,
|
|
// edges,
|
|
// };
|
|
// }
|
|
graph.data(graphData);
|
|
graph.render();
|
|
}
|