You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@echarts.apache.org by GitBox <gi...@apache.org> on 2022/02/22 03:22:59 UTC

[GitHub] [echarts] nikolay-alemasov opened a new issue #16555: [Feature] Phylogenetic tree

nikolay-alemasov opened a new issue #16555:
URL: https://github.com/apache/echarts/issues/16555


   ### What problem does this feature solve?
   
   Tree charts now cannot have a distance information for the particular edge. To draw not usual but [phylogenetic tree](https://en.wikipedia.org/wiki/Phylogenetic_tree) such an information is used to depict distance between different sequences of the same gene in different organisms. Ideally such a tree should also be able to be constructed from a file in [Newick format](https://en.wikipedia.org/wiki/Newick_format).
   
   ### What does the proposed API look like?
   
   ```
   myChart.showLoading();
   $.get(ROOT_PATH + '/data/asset/data/phylogenetic-tree.nwk', function (data) {
     myChart.hideLoading();
     myChart.setOption(
       (option = {
         tooltip: {
           trigger: 'item',
           triggerOn: 'mousemove'
         },
         series: [
           {
             type: 'tree',
             data: [data],
             left: '2%',
             right: '2%',
             top: '8%',
             bottom: '20%',
             symbol: 'emptyCircle',
             orient: 'vertical',
             expandAndCollapse: true,
             label: {
               position: 'top',
               rotate: -90,
               verticalAlign: 'middle',
               align: 'right',
               fontSize: 9
             },
             leaves: {
               label: {
                 position: 'bottom',
                 rotate: -90,
                 verticalAlign: 'middle',
                 align: 'left'
               }
             },
             animationDurationUpdate: 750
           }
         ]
       })
     );
   });
   
   ```


-- 
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] Ovilia commented on issue #16555: [Feature] Phylogenetic tree

Posted by GitBox <gi...@apache.org>.
Ovilia commented on issue #16555:
URL: https://github.com/apache/echarts/issues/16555#issuecomment-1048586416


   Hi, I see that there are many designs in [Phylogenetic_tree](https://en.wikipedia.org/wiki/Phylogenetic_tree). Which one is required? Like this one?
   
   ![](https://en.wikipedia.org/wiki/Phylogenetic_tree#/media/File:MyosinUnrootedTree.jpg)
   
   Would [graph series](https://echarts.apache.org/examples/en/editor.html?c=graph) be useful in this case? But you have to provide the position of each node.


-- 
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] nikolay-alemasov commented on issue #16555: [Feature] Phylogenetic tree

Posted by GitBox <gi...@apache.org>.
nikolay-alemasov commented on issue #16555:
URL: https://github.com/apache/echarts/issues/16555#issuecomment-1048598729


   The second point is to be able to load a tree from newick format.


-- 
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] nikolay-alemasov commented on issue #16555: [Feature] Phylogenetic tree

Posted by GitBox <gi...@apache.org>.
nikolay-alemasov commented on issue #16555:
URL: https://github.com/apache/echarts/issues/16555#issuecomment-1048596795


   It could be like this:
   
   ![image](https://user-images.githubusercontent.com/93376115/155292615-c131c00d-b375-4fde-ae4d-d499f74757b8.png)
   
   At least usually people get used to see such design. But the design itself can be different. For instance:
   
   ![image](https://user-images.githubusercontent.com/93376115/155292883-a14cc6b3-53bb-4de1-991f-34d2c1a4c8ca.png)
   
   Or like this:
   
   ![image](https://user-images.githubusercontent.com/93376115/155292994-643206c7-b633-407c-8467-cc8755b41ae0.png)
   
   The main idea not to have different layout but rather have additional information on distance of a node from each other. That is why different nodes placed at different distances from each other on such trees.


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