echarts关系节点图怎么直接显示name字段?

发布于 2022-09-11 15:54:03 字数 1522 浏览 25 评论 0

由于项目需求,需要直接显示echarts关系节点的name字段,而非鼠标移入节点的时候才显示。如图:

图片描述

是否有支持直接显示节点name属性的配置呢?

目前echarts的配置如下:

option = {
    legendHoverLink: false,
    tooltip: {
        show: true,
        formatter: '{b0}'
    },
    legend: {
        data: [
            {
                name: '文件',
                icon: "image://../image/file.png"
            }, {
                name: '文件块',
                icon: "image://../image/chunk.png"
            }, {
                name: '节点',
                icon: "image://../image/node.png"
            }
        ]
    },
    series: [
        {
            type: 'graph',
            layout: 'force',
            animation: false,
            edgeSymbol: [
                'none', 'arrow'
            ],
            label: {
                show: false,
                position: 'bottom',
                color: "#666"
            },
            symbolSize: 60,
            draggable: true,
            data: webkitDep
                .nodes
                .map(function (node, idx) {
                    node.id = idx;
                    return node;
                }),
            categories: webkitDep.categories,
            force: {
                initLayout: 'circular',
                repulsion: 2000,
                edgeLength: 300

            },
            edges: webkitDep.links
        }
    ]
};

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

若无相欠,怎会相见 2022-09-18 15:54:03

已解决,使用下面配置即可

"label": {
    "show": true
}
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文