wuyong0103 opened a new issue #10461: layout为circular时重叠
URL: https://github.com/apache/incubator-echarts/issues/10461
 
 
   <!--
   Please Use https://ecomfe.github.io/echarts-issue-helper to create the issue.
   Otherwise, it will be closed immediately.
   Questions in the form of *How to use ...* should be at Stack Overflow rather 
than GitHub issue list.
   
   请注意,所有 issue 必须由 https://ecomfe.github.io/echarts-issue-helper/?lang=zh-cn 
创建,不然将会被直接关闭。
   Issues 中不要问「如何使用 ECharts 实现……功能」的问题,相关问题请到 SegmentFault 或 Stack Overflow 
提问,详见上面的链接。
   -->
   <h4>问题描述</h4>
   <span>系图的 layout 设置为 
circular时,node会重叠,并且node也不是均匀地分布(见附件图),但是当layout为force时却没有这个问题。</span>
   <h4>版本及环境</h4>
   <ol>
   <li>ECharts 版本 (ECharts version):4.2.1 (echarts-en.min.js)</li>
   <li>浏览器类型和版本 (Browser version):Chrome 版本 73.0.3683.86 (64-bit)</li>
   <li>操作系统类型和版本 (OS Version): Windows 7 (旗舰版)</li>
   </ol>
   <h4>期望结果</h4>
   <span>系图的 layout 设置为 circular时,node不会重叠</span><br />
   <h4>ECharts配置项</h4>
   <html><br />
     <body><br />
        <div id='ppi' style='height:700px'></div><br />
        <script src="https://code.jquery.com/jquery-3.3.1.js";></script><br />
        <script 
src="https://cdnjs.cloudflare.com/ajax/libs/echarts/4.2.1/echarts-en.min.js";></script><br
 />
        <script language="javascript" type="text/javascript"><br />
                var categories = [];<br />
                for (var i = 0; i < 8; i++) {<br />
                        categories[i] = {<br />
                                name: 'score' + i<br />
                        };<br />
                }<br />
                var myChart = echarts.init(document.getElementById('ppi'));<br 
/>
                myChart.setOption({<br />
                        title: {<br />
                                text: 'SZDB-PPI',<br />
                                subtext: 'Default layout',<br />
                                top: 'bottom',<br />
                                left: 'right'<br />
                        },<br />
                        tooltip : {},<br />
                        legend: [{<br />
                                data: categories.map(function (a) {<br />
                                        return a.name;<br />
                                })<br />
                        }],<br />
                        toolbox: {<br />
                                show : true,<br />
                                feature : {<br />
                                        restore : {show: true},<br />
                                        saveAsImage : {show: true}<br />
                                }<br />
                        },<br />
                        animationDuration: 1000,<br />
                        animationEasingUpdate: 'quinticInOut',<br />
                        series:[<br />
                                {<br />
                                        type:'graph',<br />
                                        name : "Gene",<br />
                                        layout: 'circular',<br />
                                        circular: {<br />
                                                rotateLabel: true<br />
                                        },<br />
                                        data:[<br />
                                                {itemStyle: 
null,category:4,name:"DRD2",value:4,symbolSize:40,label:{show:true}},<br />
                                                {itemStyle: 
null,category:0,name:"ADORA2A",value:0,symbolSize:20,label:{show:true}},<br />
                                                {itemStyle: 
null,category:3,name:"ARRB2",value:3,symbolSize:20,label:{show:true}},<br />
                                                {itemStyle: 
null,category:2,name:"CALM1",value:2,symbolSize:40,label:{show:true}},<br />
                                                {itemStyle: 
null,category:0,name:"CALM2",value:0,symbolSize:20,label:{show:true}},<br />
                                                {itemStyle: 
null,category:0,name:"FLNA",value:0,symbolSize:20,label:{show:true}},<br />
                                                {itemStyle: 
null,category:0,name:"NSF",value:0,symbolSize:20,label:{show:true}}<br />
                                        ],<br />
                                        links:[<br />
                                                
{source:"DRD2",target:"ADORA2A"},<br />
                                                
{source:"DRD2",target:"ARRB2"},<br />
                                                
{source:"DRD2",target:"CALM1"},<br />
                                                
{source:"DRD2",target:"CALM2"},<br />
                                                
{source:"DRD2",target:"FLNA"},<br />
                                                
{source:"DRD2",target:"NSF"},<br />
                                                
{source:"CALM1",target:"ADORA2A"},<br />
                                                
{source:"CALM1",target:"ARRB2"},<br />
                                                
{source:"CALM1",target:"CALM2"},<br />
                                                
{source:"CALM1",target:"FLNA"},<br />
                                                
{source:"CALM1",target:"NSF"},<br />
                                        ],<br />
                                        categories : categories,<br />
                                        roam: true,<br />
                                        focusNodeAdjacency: true,<br />
                                        label: {<br />
                                                normal: {<br />
                                                        position: 'right',<br />
                                                        formatter: '{b}'<br />
                                                }<br />
                                        },<br />
                                        lineStyle: {<br />
                                                normal: {<br />
                                                        color: 'source',<br />
                                                        curveness: 0.3<br />
                                                }<br />
                                        },<br />
                                        emphasis: {<br />
                                                lineStyle: {<br />
                                                        width: 10<br />
                                                }<br />
                                        },<br />
                                }<br />
                        ]<br />
                });<br />
        </script><br />
     </body><br />
   </html><br />
   
![下载](https://user-images.githubusercontent.com/50611924/57682082-9418bd80-7663-11e9-8690-9022aaffff96.png)
   
   
   
   
   
   
   This issue is not created by 
[echarts-issue-helper](https://ecomfe.github.io/echarts-issue-helper) and will 
be soon closed.
   

----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to 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