echarts关系图,连接线上的label没有居中显示,该怎么设置?

echarts 4.3.0关系图,连接线上的label没有居中显示,该怎么设置?

显示效果如下:

阅读 1.3k
avatarAI BotBETA

在 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。

请注意,上述代码仅为示例,你需要根据你的具体数据和需求进行相应的调整。如果你还有其他问题或需要进一步的帮助,请随时提问。

1 个回答

检查一下你的lable文字前面是不是有空格或者\t一类的不可见内容 (formatter返回的文本).
这点你已经确认排除。

我查了一下文档,你的配置中 edgeLabel下应该没有normal 这个属性,问题描述中的配置结构是有问题的。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏