echarts 企业关系图谱 添加提示框文字
时间: 2023-07-07 16:25:07 浏览: 143
知识图谱可视化之Echarts-静态图谱与Django构建动态图谱项目源码
5星 · 资源好评率100%
要为ECharts企业关系图谱添加提示框文字,你需要在图表的配置项option中设置tooltip属性。具体来说,你可以通过formatter属性来设置提示框的文字内容,如下所示:
```
option = {
tooltip: {
show: true,
formatter: function(params) {
var tipHtml = '';
if(params.dataType === 'node') {
tipHtml = '<div>节点名称:' + params.name + '</div><div>节点类型:' + params.data.nodeType + '</div>';
} else {
tipHtml = '<div>关系名称:' + params.name + '</div><div>关系类型:' + params.data.relationType + '</div>';
}
return tipHtml;
},
backgroundColor: 'rgba(0, 0, 0, 0.7)',
textStyle: {
color: '#fff',
fontSize: 14
}
},
...
}
```
在上面的例子中,我们定义了一个tooltip对象,并设置了show属性为true,表示鼠标移动到节点或边上时会显示提示框。然后,我们通过formatter属性来设置提示框的文字内容。在这个例子中,我们根据params对象的dataType属性来判断当前鼠标所在的是节点还是边,然后分别设置不同的提示框内容。最后,我们设置了提示框的背景色和文字样式。
希望这个例子可以帮助你为ECharts企业关系图谱添加提示框文字。
阅读全文