echarts 4.3.0
关系图,连接线上的label没有居中显示,该怎么设置?
显示效果如下:
在 ECharts 中,你可以通过设置 label
属性中的 position
选项来控制关系图中连接线上 label 的显示位置。你可以将 position
设置为 'middle'
来使 label 居中显示。
以下是一个示例代码,展示了如何设置 ECharts 关系图中连接线上 label 的居中显示:
option = {
series: [
{
type: 'graph',
layout: 'force',
data: [
{name: '节点1'},
{name: '节点2'},
// 其他节点数据...
],
links: [
{source: '节点1', target: '节点2', value: 1},
// 其他连线数据...
],
label: {
show: true,
position: 'middle' // 设置 label 居中显示
},
force: {
repulsion: 1000
}
}
]
};
在上述代码中,label
属性中的 position
选项被设置为 'middle'
,这将使连接线上的 label 居中显示。你可以根据自己的需求调整其他选项,如 show
控制是否显示 label。
请注意,上述代码仅为示例,你需要根据你的具体数据和需求进行相应的调整。如果你还有其他问题或需要进一步的帮助,请随时提问。
检查一下你的lable文字前面是不是有空格或者
\t
一类的不可见内容 (formatter返回的文本).这点你已经确认排除。
我查了一下文档,你的配置中
edgeLabel
下应该没有normal
这个属性,问题描述中的配置结构是有问题的。