echarts企业关系-知识图谱 添加提示框
时间: 2023-07-11 12:23:54 浏览: 153
知识图谱可视化之Echarts-静态图谱与Django构建动态图谱项目源码
5星 · 资源好评率100%
在ECharts企业关系-知识图谱中,可以通过添加提示框来展示节点和边的详细信息。具体实现步骤如下:
1. 在option中配置tooltip属性,设置为显示在节点和边上时触发的提示框。例如:
```
tooltip: {
trigger: 'item',
formatter: '{b}'
}
```
2. 在数据中为每个节点和边添加name属性,用于在提示框中展示。例如:
```
nodes: [
{name: '公司1'},
{name: '公司2'},
{name: '员工1'},
{name: '员工2'}
],
links: [
{source: '公司1', target: '员工1'},
{source: '公司2', target: '员工2'}
]
```
3. 根据需要调整提示框的样式、位置、内容等属性。例如:
```
tooltip: {
trigger: 'item',
formatter: function(params) {
var name = params.name;
if (params.dataType === 'edge') {
name = params.source + ' - ' + params.target;
}
return name;
},
position: function(pos, params, el, elRect, size) {
var obj = {top: 10};
obj[['left', 'right'][+(pos[0] < size.viewSize[0] / 2)]] = 30;
return obj;
},
textStyle: {
fontSize: 14,
color: '#fff'
}
}
```
通过以上步骤,就可以在ECharts企业关系-知识图谱中添加提示框,方便用户查看节点和边的详细信息。
阅读全文