echarts 绘制地铁线路

最新推荐文章于 2024-09-06 13:54:43 发布

米方

最新推荐文章于 2024-09-06 13:54:43 发布

阅读量1.4k

点赞数 1

分类专栏： echarts 文章标签： echarts 前端

本文链接：https://blog.youkuaiyun.com/weixin_38233449/article/details/129837325

版权

echarts 专栏收录该内容

10 篇文章

订阅专栏

本文详细介绍了Echarts中graph类型的图表配置，包括布局、符号大小、缩放、标签样式、线条样式等参数设置，以及数据和链接的处理方法，展示了如何创建具有动态效果和自定义样式的网络图。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

series: [
            {
                type: "graph",
                layout: "none",
                symbolSize: 14,
                roam: true,
                label: {
                    distance: 8,
                    show: true,
                    fontSize: 10,
                },
                scaleLimit: {
                    min:1.2,
                    max: 2,
                },
                // edgeSymbolSize: [4, 8],
                itemStyle: {
                    borderColor: "rgba(0,0,0,.9)",
                    borderWidth: 2,
                    color: "#ffffff",
                },
                edgeLabel: {
                    normal: {
                        textStyle: {
                            fontSize: 10,
                        },
                    },
                },
                data: [],
                links: [],

                lineStyle: {
                    width: 0.8,
                    normal: {
                        opacity: 1,
                        width: 1,
                        curveness: 0,
                    },
                },
            },
        ],

参考：echarts图表集

实现效果如图：