Incubator-echarts: graph edgeSymbol设置为箭头 ,node symbolSize为数组时,箭头显示的位置不对。位置偏差和symbolSize的差正相关。

Created on 6 Jul 2017  ·  5Comments  ·  Source: apache/incubator-echarts

One-line summary [问题简述]

graph edgeSymbol设置为[null,arrow] ,node为长方形时,箭头显示的位置不对。

Version & Environment [版本及环境]

  • ECharts version [ECharts 版本]:3.6.2
  • Browser version [浏览器类型和版本]:chrome 58.0.3029.110
  • OS Version [操作系统类型和版本]:window10 企业版

Expected behaviour [期望结果]

箭头y应该在node 的边上。

ECharts option [ECharts配置项]


option = {
    title: {
        text: 'Graph 简单示例'
    },
    tooltip: {},
    animationDurationUpdate: 1500,
    animationEasingUpdate: 'quinticInOut',
    series : [
        {
            type: 'graph',
            layout: 'none',
            symbolSize: 50,
            roam: true,
            label: {
                normal: {
                    show: true
                }
            },
            edgeSymbol: [null, 'arrow'],
            edgeLabel: {
                normal: {
                    textStyle: {
                        fontSize: 20
                    }
                }
            },
            data: [{
                name: '节点1',
                x: 300,
                y: 300
            }, {
                name: '节点2',
                x: 800,
                y: 300,
                symbolSize:[50,200]
            }],
            // links: [],
            links: [{
                source: 0,
                target: 1,
                symbolSize: [5, 20],
                label: {
                    normal: {
                        show: true
                    }
                }
            }]

        }
    ]
};

Other comments [其他信息]


Most helpful comment

请问下箭头的颜色跟着线条默认颜色改变的,高亮时箭头颜色可以跟着线条高亮颜色改变嘛

All 5 comments

目前 graphGL 的箭头位置是根据节点的包围圆来定位的,所以非正圆的 symbol 都会有这个问题

这个问题以后不考虑修改了么,好多人遇到这个问题,不用箭头的时候连线是正常的,加了箭头就有 偏差

请问下箭头的颜色跟着线条默认颜色改变的,高亮时箭头颜色可以跟着线条高亮颜色改变嘛

@xiliangzhou6216 我也遇到了这个问题,你解决了吗

@djlxiaoshi 这是个bug吧,也没人修

Was this page helpful?
0 / 5 - 0 ratings