>#### 專利知識圖譜
~~~
option = {
backgroundColor: new echarts.graphic.RadialGradient(0.3, 0.3, 0.8, [{
offset: 0,
color: '#f7f8fa'
}, {
offset: 1,
color: '#cdd0d5'
}]),
title: {
text: "專利知識圖譜",
subtext: "",
top: "top",
left: "center"
},
tooltip: {},
legend: [{
formatter: function (name) {
return echarts.format.truncateText(name, 80, '14px Microsoft Yahei', '…');
},
tooltip: {
show: true
},
selectedMode: 'false',
bottom: 20,
data: ['企業', '人才', '技術主題', '技術圖譜']
}],
toolbox: {
show: true,
feature: {
dataView: {
show: true,
readOnly: true
},
restore: {
show: true
},
saveAsImage: {
show: true
}
}
},
animationDuration: 3000,
animationEasingUpdate: 'quinticInOut',
series: [{
name: '專利',
type: 'graph',
layout: 'force',
force: {
repulsion: 400,
gravity: 0.1
},
data: [{
"name": "CN201110436259.7",
// "x": 0,
// y: 0,
"symbolSize": 40,
"draggable": "true",
"value": 27
}, {
"name": "企業",
"value": 15,
"symbolSize": 20,
"category": "企業",
"draggable": "true"
}, {
"name": "廣州金升陽科技有限公司",
"symbolSize": 45,
"category": "企業",
"draggable": "true",
"value": 1
}, {
"name": "競爭",
"symbolSize": 15,
"category": "企業",
"draggable": "true",
"value": 1
}, {
"name": "廣州致遠電子有限公司",
"symbolSize": 30,
"category": "企業",
"draggable": "true",
"value": 1
}, {
"name": "合作",
"symbolSize": 10,
"category": "企業",
"draggable": "true",
"value": 1
}, {
"name": "南京航空航天大學",
"symbolSize": 15,
"category": "企業",
"draggable": "true",
"value": 1
}, {
"name": "湖北大學",
"symbolSize": 15,
"category": "企業",
"draggable": "true",
"value": 1
}, {
"name": "金升陽(懷化)科技有限公司",
"symbolSize": 15,
"category": "企業",
"draggable": "true",
"value": 1
}, {
"name": "深圳南云微電子有限公司",
"symbolSize": 15,
"category": "企業",
"draggable": "true",
"value": 1
}, {
"name": "人才",
"value": 60,
"symbolSize": 20,
"category": "人才",
"draggable": "true"
}, {
"name": "王保均",
"symbolSize": 45,
"category": "人才",
"draggable": "true",
"value": 1
}, {
"name": "團隊",
"symbolSize": 20,
"category": "人才",
"draggable": "true",
"value": 1
}, {
"name": "唐壽雄",
"symbolSize": 15,
"category": "人才",
"draggable": "true",
"value": 1
}, {
"name": "宋建峰",
"symbolSize": 15,
"category": "人才",
"draggable": "true",
"value": 1
}, {
"name": "劉偉",
"symbolSize": 15,
"category": "人才",
"draggable": "true",
"value": 1
}, {
"name": "王元澤",
"symbolSize": 15,
"category": "人才",
"draggable": "true",
"value": 1
}, {
"name": "翁斌",
"symbolSize": 15,
"category": "人才",
"draggable": "true",
"value": 1
}, {
"name": "楊聲斌",
"symbolSize": 15,
"category": "人才",
"draggable": "true",
"value": 1
}, {
"name": "王天均",
"symbolSize": 15,
"category": "人才",
"draggable": "true",
"value": 1
}, {
"name": "余鳳兵",
"symbolSize": 15,
"category": "人才",
"draggable": "true",
"value": 1
}, {
"name": "高晶",
"symbolSize": 15,
"category": "人才",
"draggable": "true",
"value": 1
}, {
"name": "金英姬",
"symbolSize": 15,
"category": "人才",
"draggable": "true",
"value": 1
}, {
"name": "劉坤明",
"symbolSize": 15,
"category": "人才",
"draggable": "true",
"value": 1
}, {
"name": "陶小麗",
"symbolSize": 15,
"category": "人才",
"draggable": "true",
"value": 1
}, {
"name": "鄭凌霄",
"symbolSize": 15,
"category": "人才",
"draggable": "true",
"value": 1
}, {
"name": "謝德",
"symbolSize": 15,
"category": "人才",
"draggable": "true",
"value": 1
}, {
"name": "郭國文",
"symbolSize": 15,
"category": "人才",
"draggable": "true",
"value": 1
}, {
"name": "劉改",
"symbolSize": 15,
"category": "人才",
"draggable": "true",
"value": 1
}, {
"name": "王志燊",
"symbolSize": 15,
"category": "人才",
"draggable": "true",
"value": 1
}, {
"name": "尹向陽",
"symbolSize": 15,
"category": "人才",
"draggable": "true",
"value": 1
}, {
"name": "技術主題",
"value": 5,
"symbolSize": 15,
"category": "技術主題",
"draggable": "true"
}, {
"name": "變換器",
"symbolSize": 10,
"category": "技術主題",
"draggable": "true",
"value": 1
}, {
"name": "飽和變壓器",
"symbolSize": 10,
"category": "技術主題",
"draggable": "true",
"value": 1
}, {
"name": "額定負載",
"symbolSize": 10,
"category": "技術主題",
"draggable": "true",
"value": 1
}, {
"name": "電流尖峰",
"symbolSize": 10,
"category": "技術主題",
"draggable": "true",
"value": 1
}, {
"name": "斷時",
"symbolSize": 10,
"category": "技術主題",
"draggable": "true",
"value": 1
}, {
"name": "工作頻率",
"symbolSize": 10,
"category": "技術主題",
"draggable": "true",
"value": 1
}, {
"name": "磁路長度",
"symbolSize": 10,
"category": "技術主題",
"draggable": "true",
"value": 1
}, {
"name": "截面積",
"symbolSize": 10,
"category": "技術主題",
"draggable": "true",
"value": 1
}, {
"name": "局部長度",
"symbolSize": 10,
"category": "技術主題",
"draggable": "true",
"value": 1
}, {
"name": "閉合磁心",
"symbolSize": 10,
"category": "技術主題",
"draggable": "true",
"value": 1
}, {
"name": "局部組成",
"symbolSize": 10,
"category": "技術主題",
"draggable": "true",
"value": 1
}, {
"name": "鐵心",
"symbolSize": 10,
"category": "技術主題",
"draggable": "true",
"value": 1
}, {
"name": "磁場",
"symbolSize": 10,
"category": "技術主題",
"draggable": "true",
"value": 1
}, {
"name": "技術圖譜",
"value": 15,
"symbolSize": 20,
"category": "技術圖譜",
"draggable": "true"
}, {
"name": "變壓器",
"symbolSize": 30,
"category": "技術圖譜",
"draggable": "true",
"value": 1
}, {
"name": "上位概念",
"symbolSize": 15,
"category": "技術圖譜",
"draggable": "true",
"value": 1
}, {
"name": "下位概念",
"symbolSize": 15,
"category": "技術圖譜",
"draggable": "true",
"value": 1
}, {
"name": "鄰近概念",
"symbolSize": 15,
"category": "技術圖譜",
"draggable": "true",
"value": 1
}, {
"name": "變壓器實驗",
"symbolSize": 10,
"category": "技術圖譜",
"draggable": "true",
"value": 1
}, {
"name": "變壓器部件",
"symbolSize": 10,
"category": "技術圖譜",
"draggable": "true",
"value": 1
}, {
"name": "變壓器產品",
"symbolSize": 10,
"category": "技術圖譜",
"draggable": "true",
"value": 1
}, {
"name": "電抗器",
"symbolSize": 10,
"category": "技術圖譜",
"draggable": "true",
"value": 1
}, {
"name": "電容器",
"symbolSize": 10,
"category": "技術圖譜",
"draggable": "true",
"value": 1
}, {
"name": "避雷器",
"symbolSize": 10,
"category": "技術圖譜",
"draggable": "true",
"value": 1
}, {
"name": "互感器",
"symbolSize": 10,
"category": "技術圖譜",
"draggable": "true",
"value": 1
}, {
"name": "開關設備",
"symbolSize": 10,
"category": "技術圖譜",
"draggable": "true",
"value": 1
}, {
"name": "塔架",
"symbolSize": 10,
"category": "技術圖譜",
"draggable": "true",
"value": 1
}, {
"name": "金具",
"symbolSize": 10,
"category": "技術圖譜",
"draggable": "true",
"value": 1
}, {
"name": "絕緣子",
"symbolSize": 10,
"category": "技術圖譜",
"draggable": "true",
"value": 1
}, {
"name": "電線電纜",
"symbolSize": 10,
"category": "技術圖譜",
"draggable": "true",
"value": 1
}, {
"name": "輸變電",
"symbolSize": 10,
"category": "技術圖譜",
"draggable": "true",
"value": 1
}],
links: [{
"source": "CN201110436259.7",
"target": "企業"
}, {
"source": "企業",
"target": "廣州金升陽科技有限公司"
}, {
"source": "廣州金升陽科技有限公司",
"target": "競爭"
}, {
"source": "競爭",
"target": "廣州致遠電子有限公司"
}, {
"source": "廣州金升陽科技有限公司",
"target": "合作"
}, {
"source": "合作",
"target": "深圳南云微電子有限公司"
}, {
"source": "合作",
"target": "金升陽(懷化)科技有限公司"
}, {
"source": "合作",
"target": "湖北大學"
}, {
"source": "合作",
"target": "南京航空航天大學"
}, {
"source": "CN201110436259.7",
"target": "人才"
}, {
"source": "人才",
"target": "王保均"
}, {
"source": "王保均",
"target": "團隊"
}, {
"source": "團隊",
"target": "唐壽雄"
}, {
"source": "團隊",
"target": "宋建峰"
}, {
"source": "團隊",
"target": "劉偉"
}, {
"source": "團隊",
"target": "王元澤"
}, {
"source": "團隊",
"target": "翁斌"
}, {
"source": "團隊",
"target": "楊聲斌"
}, {
"source": "團隊",
"target": "王天均"
}, {
"source": "團隊",
"target": "余鳳兵"
}, {
"source": "團隊",
"target": "高晶"
}, {
"source": "團隊",
"target": "金英姬"
}, {
"source": "團隊",
"target": "劉坤明"
}, {
"source": "團隊",
"target": "陶小麗"
}, {
"source": "團隊",
"target": "鄭凌霄"
}, {
"source": "團隊",
"target": "郭國文"
}, {
"source": "團隊",
"target": "謝德"
}, {
"source": "團隊",
"target": "劉改"
}, {
"source": "團隊",
"target": "王志燊"
}, {
"source": "團隊",
"target": "尹向陽"
}, {
"source": "CN201110436259.7",
"target": "技術主題"
}, {
"source": "技術主題",
"target": "變換器"
}, {
"source": "技術主題",
"target": "磁場"
}, {
"source": "技術主題",
"target": "鐵心"
}, {
"source": "技術主題",
"target": "局部組成"
}, {
"source": "技術主題",
"target": "閉合磁心"
}, {
"source": "技術主題",
"target": "局部長度"
}, {
"source": "技術主題",
"target": "截面積"
}, {
"source": "技術主題",
"target": "磁路長度"
}, {
"source": "技術主題",
"target": "工作頻率"
}, {
"source": "技術主題",
"target": "斷時"
}, {
"source": "技術主題",
"target": "電流尖峰"
}, {
"source": "技術主題",
"target": "額定負載"
}, {
"source": "技術主題",
"target": "飽和變壓器"
}, {
"source": "CN201110436259.7",
"target": "技術圖譜"
}, {
"source": "技術圖譜",
"target": "變壓器"
}, {
"source": "變壓器",
"target": "上位概念"
}, {
"source": "變壓器",
"target": "下位概念"
}, {
"source": "變壓器",
"target": "鄰近概念"
}, {
"source": "上位概念",
"target": "輸變電"
}, {
"source": "鄰近概念",
"target": "電線電纜"
}, {
"source": "鄰近概念",
"target": "電抗器"
}, {
"source": "鄰近概念",
"target": "電容器"
}, {
"source": "鄰近概念",
"target": "避雷器"
}, {
"source": "鄰近概念",
"target": "互感器"
}, {
"source": "鄰近概念",
"target": "開關設備"
}, {
"source": "鄰近概念",
"target": "塔架"
}, {
"source": "鄰近概念",
"target": "金具"
}, {
"source": "鄰近概念",
"target": "絕緣子"
}, {
"source": "下位概念",
"target": "變壓器產品"
}, {
"source": "下位概念",
"target": "變壓器部件"
}, {
"source": "下位概念",
"target": "變壓器實驗"
}],
categories: [{
'name': '企業'
}, {
'name': '人才'
}, {
'name': '技術主題'
}, {
'name': '技術圖譜'
}],
focusNodeAdjacency: true,
roam: true,
label: {
normal: {
show: true,
position: 'top',
}
},
lineStyle: {
normal: {
color: 'source',
curveness: 0,
type: "solid"
}
}
}]
};
~~~
>#### 效果圖

<hr>
- html
- 頭部標簽
- canvas
- md
- DOM
- git常用命令
- css
- 網站
- 默認
- 前綴
- 文本
- 圖片
- 選擇器
- 滾動條
- 強制橫屏
- 響應式
- 動畫
- animation(動畫)
- transition(過渡)
- transform(變形)
- translate(移動)
- 漸變
- 鼠標
- 自定義 Web 字體
- 可視化
- echarts
- 折線圖
- 區域顏色標識
- 分段顯示不同顏色
- 柱狀圖
- 子彈圖
- 分組、柱體寬度、指示器寬度
- 圓角
- 頂部顯示文字
- 雙軸柱狀折線圖
- 雙軸雙列柱狀圖
- 單個柱狀圖
- 多縱向坐標
- 走勢圖
- 橫向百分比
- 最大值和最小值
- 餅圖
- 嵌套
- 分組顯示
- 餅圖結合柱狀圖
- 折線結合餅圖
- 關系圖
- 樹圖
- 地圖
- 標點
- 選中
- 常用
- 圖片超出可拖拽
- 百度導航
- 短信驗證碼倒計時
- video
- TS
- 未整理
- 消失的邊界線問題
- 跟隨
- js
- 兼容
- 數組去重
- 解析 URL 參數為對象
- 圖片懶加載
- 正則
- Photoshop
- 快捷鍵
- 混合模式
- vscode
- vue
- 指令