增加知识图谱可视化

kg/css/strucMap.min.css

@@ -0,0 +1,56 @@
+#topomap{
+    width: 1440px;
+    height: 1440px;
+    background-color: rgb(237, 245, 238);
+}
+svg {
+	cursor: move;
+	position: relative
+}
+
+svg text {
+	font-family: fantasy;
+	font-size: 12px;
+	color: #ffffe0;
+}
+
+svg .node {
+	cursor: pointer
+}
+
+svg .node .ring {
+	stroke-width: 4px;
+	stroke: #6ac6ff;
+	/* opacity: .2;外圈的阴影，我设置为透明看不见 */
+	opacity: 0;
+	transition: opacity .6s
+}
+
+svg .node:active .ring,
+svg .node:hover .ring {
+	opacity: .1
+}
+
+svg .link {
+	fill: none;
+	stroke: #6ac6ff;
+	opacity: .8;
+	stroke-width: 2
+}
+
+svg text.desc {
+	fill: #000;
+	font-family: fantasy;
+	font-size: 10px;
+	font-weight: bolder
+}
+
+
+#title {
+    margin: 0 auto;
+    text-align: center;
+    padding: 43px;
+    font-size: 33px;
+	font-weight: bold;
+	color: #30B5C7;
+}