You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@echarts.apache.org by "FrankWasHello (via GitHub)" <gi...@apache.org> on 2023/08/14 03:48:24 UTC

[GitHub] [echarts] FrankWasHello opened a new issue, #18989: [Feature] 在树形tree展示时,子节点宽度拉长之后,子节点外框的高度线会自动加粗,导致四边的线宽不一致,请问这个问题有解决方案么?

FrankWasHello opened a new issue, #18989:
URL: https://github.com/apache/echarts/issues/18989

   ### What problem does this feature solve?
   
   ![股东链图](https://github.com/apache/echarts/assets/34059274/ab5f35a4-6d74-4fe0-9765-e062566912ec)
   以下为设置参数:
   [
         {
           type: 'tree',
           data: data,
           symbol: 'emptyCircle',
           orient: 'BT',
           left: '3%',
           right: '3%',
           top: '12%',
           bottom: '12%',
           edgeShape: 'polyline',
           edgeForkPosition: '50%',
           expandAndCollapse: false,
           initialTreeDepth: 15,
           itemStyle: {
             borderColor: '#070707',
             color:  'white',
             borderWidth: 1,
           },
           lineStyle: {
             color: '#070707',
           },
           label: {
             position: 'inside',
             rotate: 0,
             verticalAlign: 'middle',
             align: 'center',
           },
           leaves: {
             label: {
               position: 'inside',
               rotate: 0,
               verticalAlign: 'middle',
               align: 'center',
             }
           }
         }
       ]
   
   
   ### What does the proposed API look like?
   
   At present, no solution has been found, please help the community master


-- 
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.

To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org


---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org


[GitHub] [echarts] MatthiasMert commented on issue #18989: [Feature] When the tree is displayed, after the width of the child node is elongated, the height line of the outer frame of the child node will be automatically thickened, resulting in inconsistent line widths on the four sides. Is there a solution to this problem?

Posted by "MatthiasMert (via GitHub)" <gi...@apache.org>.
MatthiasMert commented on issue #18989:
URL: https://github.com/apache/echarts/issues/18989#issuecomment-1677058973

   Pls share a minimal example. Your code doesnt produce the output in the image.
   
   [Here ](https://echarts.apache.org/examples/zh/editor.html?c=line-simple&code=DYUwLgBAJghmMQLwQNoCgIQN4cxAdjALYgBcEA5AIIUA0umAxgBYCWwUATiPuennhwCBhEuQoAhOg2Et2XHnxnDsylQWJlKAYQCM09bLYduvVGsNDD60VooARA9ZVyTi888sXPmW-ICiTj4uxgpm_MFekc5-lABiQdEh8qZKSc5W6daxFADiFN5ZAL4AuoXBpeWGlZE11kX0GVUaYjoATIkqRd5lXTK9EN0lANxoaAD2AA5grOP4SKqYAM4gnKwgS2mCamAAnpN2YNwgndBwMOSw8I3C42s8YOISACqnIFAA5iAAyswwB-JJuNgLtgKx8CcbgJwawZjBgM9jvYQNNmORdAAGKF4Ja7IgAI2B4m4jDAp1xBOB31YAC8tABmDEybqYMpFYZAA) is a minimal example that you can extend.


-- 
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.

To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org


---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org


[GitHub] [echarts] echarts-bot[bot] commented on issue #18989: [Feature] 在树形tree展示时,子节点宽度拉长之后,子节点外框的高度线会自动加粗,导致四边的线宽不一致,请问这个问题有解决方案么?

Posted by "echarts-bot[bot] (via GitHub)" <gi...@apache.org>.
echarts-bot[bot] commented on issue #18989:
URL: https://github.com/apache/echarts/issues/18989#issuecomment-1676629653

   @FrankWasHello It seems you are not using English, I've helped translate the content automatically. To make your issue understood by more people and get helped, we'd like to suggest using English next time. 🤗
   <details><summary><b>TRANSLATED</b></summary><br>
   
   **TITLE**
   
   [Feature] When the tree is displayed, after the width of the child node is elongated, the height line of the outer frame of the child node will be automatically thickened, resulting in inconsistent line widths on the four sides. Is there a solution to this problem?
   </details>


-- 
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.

To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org


---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org


[GitHub] [echarts] MatthiasMert commented on issue #18989: [Feature] When the tree is displayed, after the width of the child node is elongated, the height line of the outer frame of the child node will be automatically thickened, resulting in inconsistent line widths on the four sides. Is there a solution to this problem?

Posted by "MatthiasMert (via GitHub)" <gi...@apache.org>.
MatthiasMert commented on issue #18989:
URL: https://github.com/apache/echarts/issues/18989#issuecomment-1677261683

   You could use [rich text formatting](https://echarts.apache.org/handbook/en/how-to/label/rich-text/) instead:
   
   [Here](https://echarts.apache.org/examples/en/editor.html?c=line-simple&code=MYewdgzgLgBAJgQygmBeGBtAUDGBvHXGMBAWwFMAuGAckDu3QcAtBuOUGV5GgGkNwBsEAjct2oEiRAGYgATqSRRyk6jTx8QADwA-ygL5aOXIgm4BLAOZhFwcmDmS9o3Cslx5AdSNwoAC2oBGTvZhHZ0kAYRBuKUUAYgAGAHZ4-Lt7SSNgb3x9URVVYSz7AHd3L2oAVhiY_wCiT3JTTyhqAGYY_NwtfI7RLpgOgF0AbiwsADcESRgQAAcoI3A0TNwIeSNyCGpsURF7KABPKapaKElycmTRRGRqS4Qq0SlV60UAIQAVc6JyOBNyAGVPBAHRRTcK7YxgM53IgQXakFRCWhgcCQ_JGMBGWaGV4ncgAEXIMwyPlK-h6fSwWgGQA )is the example:
   
   ```javascript
   const data = [
     {
       name: '目标主体',
       label: {
         formatter: '{box|{b}}',
         align: 'center',
         borderWidth: 1,
         borderColor: '#070707',
         rich: {
           box: {
             width: 500,
             height: 30
           }
         }
       }
     }
   ];
   
   var option = {
     series: [
       {
         type: 'tree',
         data: data,
         orient: 'BT',
         edgeShape: 'polyline',
         symbol: 'none',
         initialTreeDepth: 15
       }
     ]
   };
   ```
   
   The source of your problem seems to be that the rectangular symbol is squeezed together by the `symbolSize` attribute. 
   Also only using [label formatting](https://echarts.apache.org/en/option.html#series-tree.label.formatter) doesnt work because [width/height](https://echarts.apache.org/en/option.html#series-tree.label.width) doesnt aplly, which might be a bug.


-- 
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.

To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org


---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org


[GitHub] [echarts] FrankWasHello commented on issue #18989: [Feature] When the tree is displayed, after the width of the child node is elongated, the height line of the outer frame of the child node will be automatically thickened, resulting in inconsistent line widths on the four sides. Is there a solution to this problem?

Posted by "FrankWasHello (via GitHub)" <gi...@apache.org>.
FrankWasHello commented on issue #18989:
URL: https://github.com/apache/echarts/issues/18989#issuecomment-1678358354

   > You could use [rich text formatting](https://echarts.apache.org/handbook/en/how-to/label/rich-text/) instead:
   > 
   > [Here](https://echarts.apache.org/examples/en/editor.html?c=line-simple&code=MYewdgzgLgBAJgQygmBeGBtAUDGBvHXGMBAWwFMAuGAckDu3QcAtBuOUGV5GgGkNwBsEAjct2oEiRAGYgATqSRRyk6jTx8QADwA-ygL5aOXIgm4BLAOZhFwcmDmS9o3Cslx5AdSNwoAC2oBGTvZhHZ0kAYRBuKUUAYgAGAHZ4-Lt7SSNgb3x9URVVYSz7AHd3L2oAVhiY_wCiT3JTTyhqAGYY_NwtfI7RLpgOgF0AbiwsADcESRgQAAcoI3A0TNwIeSNyCGpsURF7KABPKapaKElycmTRRGRqS4Qq0SlV60UAIQAVc6JyOBNyAGVPBAHRRTcK7YxgM53IgQXakFRCWhgcCQ_JGMBGWaGV4ncgAEXIMwyPlK-h6fSwWgGQA) is the example:
   > 
   > ```js
   > const data = [
   >   {
   >     name: '目标主体',
   >     label: {
   >       formatter: '{box|{b}}',
   >       align: 'center',
   >       borderWidth: 1,
   >       borderColor: '#070707',
   >       rich: {
   >         box: {
   >           width: 500,
   >           height: 30
   >         }
   >       }
   >     }
   >   }
   > ];
   > 
   > var option = {
   >   series: [
   >     {
   >       type: 'tree',
   >       data: data,
   >       orient: 'BT',
   >       edgeShape: 'polyline',
   >       symbol: 'none',
   >       initialTreeDepth: 15
   >     }
   >   ]
   > };
   > ```
   > 
   > The source of your problem seems to be that the rectangular symbol is squeezed together by the `symbolSize` attribute. Also only using [label formatting](https://echarts.apache.org/en/option.html#series-tree.label.formatter) doesnt work because [width/height](https://echarts.apache.org/en/option.html#series-tree.label.width) doesnt aplly, which might be a bug.
   > 
   > **EDIT:**
   > 
   > You can use only label formatting if the [backgroundColor](https://echarts.apache.org/en/option.html#series-tree.label.backgroundColor) is set. [Example](https://echarts.apache.org/examples/en/editor.html?c=line-simple&code=MYewdgzgLgBAJgQygmBeGBtAUDGBvHXGMBAWwFMAuGAckDu3QcAtBuOUGV5GgGkNwBsEAjct2oEiRAO4BLOFAAW1AKwAGRZ1G4Z5CQHMZUagGYVXInxAAnOOTMB1KbOoBGVWtMWrAYRDdz1GgGJFAHYgoI5jXD4EYABrLTMQAFcwOE9vM18xGQkochpjAF9CQoBdAG4sLAA3BDMYEAAHKAlwNHxCCCsJcghqbFERNSgAT3qqWigzclznUURkajmEGaJzLrA9WgAhABUwtRhyOC1yAGUZBFHfeq8h7gkwafCYCCHSUyFaMHBH_fvsiQQ3G2k3IABFyI05DAHPICoRilh8qUgA):
   > 
   > ```js
   > const data = [
   >   {
   >     name: '目标主体',
   >     label: {
   >       width: 500,
   >       height: 30,
   >       borderWidth: 1,
   >       borderColor: '#070707',
   >       backgroundColor: 'white'
   >     }
   >   }
   > ];
   > 
   > var option = {
   >   series: [
   >     {
   >       type: 'tree',
   >       data: data,
   >       orient: 'BT',
   >       edgeShape: 'polyline',
   >       symbol: 'none',
   >       initialTreeDepth: 15
   >     }
   >   ]
   > };
   > ```
   
   Thank you very much. It works. It's great.


-- 
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.

To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org


---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org


[GitHub] [echarts] FrankWasHello commented on issue #18989: [Feature] When the tree is displayed, after the width of the child node is elongated, the height line of the outer frame of the child node will be automatically thickened, resulting in inconsistent line widths on the four sides. Is there a solution to this problem?

Posted by "FrankWasHello (via GitHub)" <gi...@apache.org>.
FrankWasHello commented on issue #18989:
URL: https://github.com/apache/echarts/issues/18989#issuecomment-1677101376

   > Pls share a minimal example. Your code doesnt produce the output in the image.
   > 
   > [Here ](https://echarts.apache.org/examples/zh/editor.html?c=line-simple&code=DYUwLgBAJghmMQLwQNoCgIQN4cxAdjALYgBcEA5AIIUA0umAxgBYCWwUATiPuennhwCBhEuQoAhOg2Et2XHnxnDsylQWJlKAYQCM09bLYduvVGsNDD60VooARA9ZVyTi888sXPmW-ICiTj4uxgpm_MFekc5-lABiQdEh8qZKSc5W6daxFADiFN5ZAL4AuoXBpeWGlZE11kX0GVUaYjoATIkqRd5lXTK9EN0lANxoaAD2AA5grOP4SKqYAM4gnKwgS2mCamAAnpN2YNwgndBwMOSw8I3C42s8YOISACqnIFAA5iAAyswwB-JJuNgLtgKx8CcbgJwawZjBgM9jvYQNNmORdAAGKF4Ja7IgAI2B4m4jDAp1xBOB31YAC8tABmDEybqYMpFYZAA) is a minimal example that you can extend.
   
   Ok, thanks for your answer. Here is all the code in my body tag, please guide me.
   
   <body>
   <div id="main" style="width:750px; height:550px;position: absolute; left: 25%;"></div>
   <script type="text/javascript">
     const myChart = echarts.init(document.getElementById('main'));
     var opts = {
       type: "png",
       pixelRatio: 1,
       backgroundColor: "white",
       excludeComponents: ['toolbox']
     }
   
     const data = [
       {
         "children": [
           {
             "children": [
               {
                 "children": [
                   {
                     "children": [
                       {
                         "children": [
                           {
                             "children": [
                               {
                                 "children": [
                                   {
                                     "children": [
                                       {
                                         "children": [
                                           {
                                             "children": [
                                               {
                                                 "children": [
                                                   {
                                                     "children": [
                                                       {
                                                         "children": [
                                                           {
                                                             "children": [
                                                               {
                                                                 "children": [
                                                                   {
                                                                     "children": [],
                                                                     "commerce": true,
                                                                     "creditCode": "11140000762459192J",
                                                                     "invType": "机关法人",
                                                                     "lv": 15,
                                                                     "max": true,
                                                                     "name": "山西省人民政府国有资产监督管理委员会",
                                                                     "parentName": "triangle山西省人民政府国有资产监督管理委员会14",
                                                                     "shaName": "山西省人民政府国有资产监督管理委员会|15",
                                                                     "symbol": "rect",
                                                                     "symbolSize": [
                                                                       220,
                                                                       30
                                                                     ],
                                                                     "value": "100.00%"
                                                                   }
                                                                 ],
                                                                 "commerce": false,
                                                                 "itemStyle": {
                                                                   "borderWidth": 0,
                                                                   "color": "#070707"
                                                                 },
                                                                 "label": {
                                                                   "color": "#000",
                                                                   "fontSize": 12,
                                                                   "offset": [
                                                                     30,
                                                                     -6
                                                                   ]
                                                                 },
                                                                 "lv": 14,
                                                                 "max": false,
                                                                 "name": "100.00%",
                                                                 "parentName": "山西省国有资本运营有限公司|13",
                                                                 "shaName": "triangle山西省人民政府国有资产监督管理委员会14",
                                                                 "symbol": "triangle",
                                                                 "symbolOffset": [
                                                                   0,
                                                                   8
                                                                 ],
                                                                 "symbolRotate": -180,
                                                                 "value": "100.00%"
                                                               }
                                                             ],
                                                             "commerce": true,
                                                             "creditCode": "91140000MA0HL5WN2L",
                                                             "invType": "企业法人",
                                                             "lv": 13,
                                                             "max": true,
                                                             "name": "山西省国有资本运营有限公司",
                                                             "parentName": "triangle山西省国有资本运营有限公司12",
                                                             "shaName": "山西省国有资本运营有限公司|13",
                                                             "symbol": "rect",
                                                             "symbolSize": [
                                                               159,
                                                               30
                                                             ],
                                                             "value": "90.00%"
                                                           }
                                                         ],
                                                         "commerce": false,
                                                         "itemStyle": {
                                                           "borderWidth": 0,
                                                           "color": "#070707"
                                                         },
                                                         "label": {
                                                           "color": "#000",
                                                           "fontSize": 12,
                                                           "offset": [
                                                             30,
                                                             -6
                                                           ]
                                                         },
                                                         "lv": 12,
                                                         "max": false,
                                                         "name": "90.00%",
                                                         "parentName": "晋能控股集团有限公司|11",
                                                         "shaName": "triangle山西省国有资本运营有限公司12",
                                                         "symbol": "triangle",
                                                         "symbolOffset": [
                                                           0,
                                                           8
                                                         ],
                                                         "symbolRotate": -180,
                                                         "value": "90.00%"
                                                       }
                                                     ],
                                                     "commerce": true,
                                                     "creditCode": "91140000MA0LAJ3H0K",
                                                     "invType": "法人股东",
                                                     "lv": 11,
                                                     "max": true,
                                                     "name": "晋能控股集团有限公司",
                                                     "parentName": "triangle晋能控股集团有限公司10",
                                                     "shaName": "晋能控股集团有限公司|11",
                                                     "symbol": "rect",
                                                     "symbolSize": [
                                                       122,
                                                       30
                                                     ],
                                                     "value": "64.06%"
                                                   }
                                                 ],
                                                 "commerce": false,
                                                 "itemStyle": {
                                                   "borderWidth": 0,
                                                   "color": "#070707"
                                                 },
                                                 "label": {
                                                   "color": "#000",
                                                   "fontSize": 12,
                                                   "offset": [
                                                     30,
                                                     -6
                                                   ]
                                                 },
                                                 "lv": 10,
                                                 "max": false,
                                                 "name": "64.06%",
                                                 "parentName": "晋能控股电力集团有限公司|9",
                                                 "shaName": "triangle晋能控股集团有限公司10",
                                                 "symbol": "triangle",
                                                 "symbolOffset": [
                                                   0,
                                                   8
                                                 ],
                                                 "symbolRotate": -180,
                                                 "value": "64.06%"
                                               }
                                             ],
                                             "commerce": true,
                                             "creditCode": "91140000070450154H",
                                             "invType": "法人股东",
                                             "lv": 9,
                                             "max": true,
                                             "name": "晋能控股电力集团有限公司",
                                             "parentName": "triangle晋能控股电力集团有限公司8",
                                             "shaName": "晋能控股电力集团有限公司|9",
                                             "symbol": "rect",
                                             "symbolSize": [
                                               146,
                                               30
                                             ],
                                             "value": "100.00%"
                                           }
                                         ],
                                         "commerce": false,
                                         "itemStyle": {
                                           "borderWidth": 0,
                                           "color": "#070707"
                                         },
                                         "label": {
                                           "color": "#000",
                                           "fontSize": 12,
                                           "offset": [
                                             30,
                                             -6
                                           ]
                                         },
                                         "lv": 8,
                                         "max": false,
                                         "name": "100.00%",
                                         "parentName": "山西国际电力集团有限公司|7",
                                         "shaName": "triangle晋能控股电力集团有限公司8",
                                         "symbol": "triangle",
                                         "symbolOffset": [
                                           0,
                                           8
                                         ],
                                         "symbolRotate": -180,
                                         "value": "100.00%"
                                       }
                                     ],
                                     "commerce": true,
                                     "creditCode": "91140000110011587H",
                                     "invType": "法人股东",
                                     "lv": 7,
                                     "max": true,
                                     "name": "山西国际电力集团有限公司",
                                     "parentName": "triangle山西国际电力集团有限公司6",
                                     "shaName": "山西国际电力集团有限公司|7",
                                     "symbol": "rect",
                                     "symbolSize": [
                                       146,
                                       30
                                     ],
                                     "value": "100.00%"
                                   }
                                 ],
                                 "commerce": false,
                                 "itemStyle": {
                                   "borderWidth": 0,
                                   "color": "#070707"
                                 },
                                 "label": {
                                   "color": "#000",
                                   "fontSize": 12,
                                   "offset": [
                                     30,
                                     -6
                                   ]
                                 },
                                 "lv": 6,
                                 "max": false,
                                 "name": "100.00%",
                                 "parentName": "晋能控股电力集团清洁能源有限公司|5",
                                 "shaName": "triangle山西国际电力集团有限公司6",
                                 "symbol": "triangle",
                                 "symbolOffset": [
                                   0,
                                   8
                                 ],
                                 "symbolRotate": -180,
                                 "value": "100.00%"
                               }
                             ],
                             "commerce": true,
                             "creditCode": "91140000083704598B",
                             "invType": "企业法人",
                             "lv": 5,
                             "max": true,
                             "name": "晋能控股电力集团清洁能源有限公司",
                             "parentName": "triangle晋能控股电力集团清洁能源有限公司3",
                             "shaName": "晋能控股电力集团清洁能源有限公司|5",
                             "symbol": "rect",
                             "symbolSize": [
                               195,
                               30
                             ],
                             "value": "96.57%"
                           }
                         ],
                         "commerce": false,
                         "itemStyle": {
                           "borderWidth": 0,
                           "color": "rgba(0,0,0,0)"
                         },
                         "label": {
                           "color": "#000",
                           "fontSize": 12,
                           "offset": [
                             30,
                             -6
                           ]
                         },
                         "lv": 4,
                         "max": false,
                         "name": "96.57%",
                         "parentName": "triangle2晋能清洁能源科技股份公司|23",
                         "shaName": "triangle晋能控股电力集团清洁能源有限公司3",
                         "symbol": "triangle",
                         "symbolOffset": [
                           0,
                           8
                         ],
                         "symbolRotate": -180,
                         "value": "96.57%"
                       },
                       {
                         "children": [
                           {
                             "children": [],
                             "commerce": true,
                             "creditCode": "91310115MA1H77UC0C",
                             "invType": "企业法人",
                             "lv": 5,
                             "max": false,
                             "name": "上海晋友投资咨询合伙企业(有限合伙)",
                             "parentName": "triangle上海晋友投资咨询合伙企业(有限合伙)3",
                             "shaName": "上海晋友投资咨询合伙企业(有限合伙)|5",
                             "symbol": "rect",
                             "symbolSize": [
                               204,
                               30
                             ],
                             "value": "3.43%"
                           }
                         ],
                         "commerce": false,
                         "itemStyle": {
                           "borderWidth": 0,
                           "color": "rgba(0,0,0,0)"
                         },
                         "label": {
                           "color": "#000",
                           "fontSize": 12,
                           "offset": [
                             30,
                             -6
                           ]
                         },
                         "lv": 4,
                         "max": false,
                         "name": "3.43%",
                         "parentName": "triangle2晋能清洁能源科技股份公司|23",
                         "shaName": "triangle上海晋友投资咨询合伙企业(有限合伙)3",
                         "symbol": "triangle",
                         "symbolOffset": [
                           0,
                           8
                         ],
                         "symbolRotate": -180,
                         "value": "3.43%"
                       }
                     ],
                     "commerce": false,
                     "itemStyle": {
                       "borderWidth": 0,
                       "color": "#070707"
                     },
                     "label": {
                       "color": "#000",
                       "fontSize": 12,
                       "offset": [
                         30,
                         0
                       ]
                     },
                     "lv": 3,
                     "max": false,
                     "name": "",
                     "parentName": "晋能清洁能源科技股份公司|2",
                     "shaName": "triangle2晋能清洁能源科技股份公司|23",
                     "symbol": "triangle",
                     "symbolOffset": [
                       0,
                       8
                     ],
                     "symbolRotate": -180,
                     "value": ""
                   }
                 ],
                 "commerce": true,
                 "creditCode": "91141121087083303K",
                 "invType": "企业法人",
                 "lv": 2,
                 "max": true,
                 "name": "晋能清洁能源科技股份公司",
                 "parentName": "triangle晋能清洁能源科技股份公司1",
                 "shaName": "晋能清洁能源科技股份公司|2",
                 "symbol": "rect",
                 "symbolSize": [
                   146,
                   30
                 ],
                 "value": "100.00%"
               }
             ],
             "commerce": false,
             "itemStyle": {
               "borderWidth": 0,
               "color": "#070707"
             },
             "label": {
               "color": "#000",
               "fontSize": 12,
               "offset": [
                 30,
                 -6
               ]
             },
             "lv": 1,
             "max": false,
             "name": "100.00%",
             "parentName": "晋能光伏技术有限责任公司",
             "shaName": "triangle晋能清洁能源科技股份公司1",
             "symbol": "triangle",
             "symbolOffset": [
               0,
               8
             ],
             "symbolRotate": -180,
             "value": "100.00%"
           }
         ],
         "commerce": false,
         "lv": 0,
         "max": false,
         "name": "目标主体",
         "parentName": "",
         "shaName": "晋能光伏技术有限责任公司",
         "symbol": "rect",
         "symbolSize": [
           70,
           30
         ]
       }
     ];
   
     // 指定图表的配置项和数据
     var option = {
       title: {
         text: '股东链图',
         show: false,
       },
       toolbox: {
         show : true,
         feature : {
           saveAsImage : {show: true},
           dataView: {
             show: true,
             readOnly: false,
             contentToOption: function(opt) {
               var series = opt.series;
               return series[0].data[0].name;
             }
           },
         }
       },
       legend: {
         align: 'left',
         itemStyle: {
           borderType: 'solid'
         },
         lineStyle: {
           type: 'dashed',
           cap: 'round',
         }
       },
       series: [
         {
           type: 'tree',
           data: data,
           symbol: 'emptyCircle',
           orient: 'BT',
           left: '3%',
           right: '3%',
           top: '12%',
           bottom: '12%',
           edgeShape: 'polyline',
           edgeForkPosition: '50%',
           expandAndCollapse: false,
           initialTreeDepth: 15,
           itemStyle: {
             borderColor: '#070707',
             color:  'white',
             borderWidth: 1,
           },
           lineStyle: {
             color: '#070707',
           },
           label: {
             position: 'inside',
             rotate: 0,
             verticalAlign: 'middle',
             align: 'center',
           },
           leaves: {
             label: {
               position: 'inside',
               rotate: 0,
               verticalAlign: 'middle',
               align: 'center',
             }
           }
         }
       ]
     };
     myChart.setOption(option);
   </script>
   </body>
   


-- 
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.

To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org


---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org


Re: [I] [Feature] When the tree is displayed, after the width of the child node is elongated, the height line of the outer frame of the child node will be automatically thickened, resulting in inconsistent line widths on the four sides. Is there a solution to this problem? [echarts]

Posted by "FrankWasHello (via GitHub)" <gi...@apache.org>.
FrankWasHello closed issue #18989: [Feature] When the tree is displayed, after the width of the child node is elongated, the height line of the outer frame of the child node will be automatically thickened, resulting in inconsistent line widths on the four sides. Is there a solution to this problem?
URL: https://github.com/apache/echarts/issues/18989


-- 
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.

To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org


---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org


[GitHub] [echarts] FrankWasHello commented on issue #18989: [Feature] 在树形tree展示时,子节点宽度拉长之后,子节点外框的高度线会自动加粗,导致四边的线宽不一致,请问这个问题有解决方案么?

Posted by "FrankWasHello (via GitHub)" <gi...@apache.org>.
FrankWasHello commented on issue #18989:
URL: https://github.com/apache/echarts/issues/18989#issuecomment-1676679695

   echarts version 5.4.1


-- 
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.

To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org


---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org