cfmitrah opened a new issue #8267: In eChart 4.0.4 edge lines give weired view 
when it's width increase.
URL: https://github.com/apache/incubator-echarts/issues/8267
 
 
   <!--
   为了方便我们能够复现和修复 bug,请遵从下面的规范描述您的问题。
   -->
   
   
   ### One-line summary [问题简述]
   
   In graph, edge lines give odd view when we increase it's width, and also 
lines goes behind nodes.
   
![echart_issue](https://user-images.githubusercontent.com/532401/39530343-6543978c-4e46-11e8-9016-c3ead2b2016a.png)
   
   
   
   
   
   
   ### Version & Environment [版本及环境]
   + ECharts version [ECharts 版本]: 4.0.4
   + Browser version [浏览器类型和版本]: ALL
   + OS Version [操作系统类型和版本]: Windows 7
   
   
   
   
   
   ### Expected behaviour [期望结果]
   The edge lines should give a perfect finishing. The lines start and end 
point should be at corners of node
   
   
   
   
   ### ECharts option [ECharts配置项]
   <!-- Copy and paste your 'echarts option' here. -->
   <!-- [下方贴你的option,注意不要删掉下方 ```javascript 和 尾部的 ``` 字样。最好是我们能够直接运行的 
option。如何得到能运行的 option 参见上方的 guidelines for contributing] -->
   ```javascript
   option ={
                           title:{
                                  text:'Echarts'
                           },
                           animationDurationUpdate:1000,
                           animationEasingUpdate:'quinticInOut',
                           series:[  
                                  {  
                                         type:'graph',
                                         layout:'none',
                                         symbol:'roundRect',
                                         symbolSize:[100,30],
                                         roam:true,
                                         label:{  
                                                normal:{  
                                                   formatter:'{b}',
                                                   show:true
                                                }
                                         },
                                         edgeSymbol:['circle','arrow'],
                                         edgeSymbolSize:[4,10],
                                         edgeLabel:{  
                                                textStyle:{  
                                                   fontSize:14
                                                }
                                         },
                                         data:[  
                                                {  
                                                   "y":0,
                                                   "x":0,
                                                   "name":"1",
                                                   "id":"1",
                                                   "itemStyle":{  
                                                          "opacity":0.75
                                                   },
                                                   "value":13545
                                                },
                                                {  
                                                   "y":50,
                                                   "x":150,
                                                   "name":"2",
                                                   "id":"2",
                                                   "itemStyle":{  
                                                          "opacity":0.75
                                                   },
                                                   "value":11748
                                                },
                                                {  
                                                   "y":100,
                                                   "x":0,
                                                   "name":"3",
                                                   "id":"3",
                                                   "itemStyle":{  
                                                          "opacity":0.75
                                                   },
                                                   "value":3989
                                                },
                                                {  
                                                   "y":150,
                                                   "x":150,
                                                   "name":"4",
                                                   "id":"4",
                                                   "itemStyle":{  
                                                          "opacity":0.75
                                                   },
                                                   "value":514
                                                },
                                                {  
                                                   "y":200,
                                                   "x":0,
                                                   "name":"5",
                                                   "id":"5",
                                                   "itemStyle":{  
                                                          "opacity":0.75
                                                   },
                                                   "value":159
                                                }
                                         ],
                                         links:[  
                                                {  
                                                   "lineStyle":{  
                                                          "normal":{  
                                                                 
"curveness":0.2,
                                                                 "width":12.998
                                                          }
                                                   },
                                                   "source":"1",
                                                   "symbolSize":[  
                                                          4,
                                                          32.495
                                                   ],
                                                   "id":"1",
                                                   "target":"2"
                                                },
                                                {  
                                                   "lineStyle":{  
                                                          "normal":{  
                                                                 
"curveness":0.2,
                                                                 "width":1
                                                          }
                                                   },
                                                   "source":"1",
                                                   "symbolSize":[  
                                                          4,
                                                          10
                                                   ],
                                                   "id":"2",
                                                   "target":"3"
                                                },
                                                {  
                                                   "lineStyle":{  
                                                          "normal":{  
                                                                 
"curveness":0.2,
                                                                 "width":3.623
                                                          }
                                                   },
                                                   "source":"2",
                                                   "symbolSize":[  
                                                          4,
                                                          10
                                                   ],
                                                   "id":"3",
                                                   "target":"3"
                                                },
                                                {  
                                                   "lineStyle":{  
                                                          "normal":{  
                                                                 
"curveness":0.2,
                                                                 "width":6.986
                                                          }
                                                   },
                                                   "source":"2",
                                                   "symbolSize":[  
                                                          4,
                                                          17.465
                                                   ],
                                                   "id":"4",
                                                   "target":"4"
                                                },
                                                {  
                                                   "lineStyle":{  
                                                          "normal":{  
                                                                 
"curveness":0.2,
                                                                 "width":1.118
                                                          }
                                                   },
                                                   "source":"2",
                                                   "symbolSize":[  
                                                          4,
                                                          10
                                                   ],
                                                   "id":"5",
                                                   "target":"5"
                                                },
                                                {  
                                                   "lineStyle":{  
                                                          "normal":{  
                                                                 
"curveness":0.2,
                                                                 "width":1
                                                          }
                                                   },
                                                   "source":"3",
                                                   "symbolSize":[  
                                                          4,
                                                          10
                                                   ],
                                                   "id":"6",
                                                   "target":"2"
                                                },
                                                {  
                                                   "lineStyle":{  
                                                          "normal":{  
                                                                 
"curveness":0.2,
                                                                 "width":3.086
                                                          }
                                                   },
                                                   "source":"3",
                                                   "symbolSize":[  
                                                          4,
                                                          10
                                                   ],
                                                   "id":"7",
                                                   "target":"4"
                                                },
                                                {  
                                                   "lineStyle":{  
                                                          "normal":{  
                                                                 
"curveness":0.2,
                                                                 "width":1
                                                          }
                                                   },
                                                   "source":"3",
                                                   "symbolSize":[  
                                                          4,
                                                          10
                                                   ],
                                                   "id":"8",
                                                   "target":"5"
                                                },
                                                {  
                                                   "lineStyle":{  
                                                          "normal":{  
                                                                 
"curveness":0.2,
                                                                 "width":1
                                                          }
                                                   },
                                                   "source":"4",
                                                   "symbolSize":[  
                                                          4,
                                                          10
                                                   ],
                                                   "id":"9",
                                                   "target":"2"
                                                },
                                                {  
                                                   "lineStyle":{  
                                                          "normal":{  
                                                                 
"curveness":0.2,
                                                                 "width":1
                                                          }
                                                   },
                                                   "source":"4",
                                                   "symbolSize":[  
                                                          4,
                                                          10
                                                   ],
                                                   "id":"10",
                                                   "target":"3"
                                                },
                                                {  
                                                   "lineStyle":{  
                                                          "normal":{  
                                                                 
"curveness":0.2,
                                                                 "width":1
                                                          }
                                                   },
                                                   "source":"4",
                                                   "symbolSize":[  
                                                          4,
                                                          10
                                                   ],
                                                   "id":"11",
                                                   "target":"5"
                                                },
                                                {  
                                                   "lineStyle":{  
                                                          "normal":{  
                                                                 
"curveness":0.2,
                                                                 "width":1
                                                          }
                                                   },
                                                   "source":"5",
                                                   "symbolSize":[  
                                                          4,
                                                          10
                                                   ],
                                                   "id":"12",
                                                   "target":"2"
                                                }
                                         ],
                                         lineStyle:{  
                                                normal:{  
                                                   opacity:1,
                                                   width:1,
                                                   curveness:0
                                                }
                                         }
                                  }
                           ]
                        };
   
   ```
   
   
   
   
   ### Other comments [其他信息]
   <!-- For example: Screenshot or Online demo -->
   <!-- [例如,截图或线上实例 (JSFiddle/JSBin/Codepen)] -->
   
   

----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on GitHub and use the
URL above to go to the specific comment.
 
For queries about this service, please contact Infrastructure at:
[email protected]


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]

Reply via email to