@@ -256,23 +256,23 @@ <h1><a class="toc-backref" href="#id1" role="doc-backlink">Smartview (web graphi
256256< p > And the “aliases” part will tell the frontend which styles are referenced.</ p >
257257< p > Example of a tree style in use:</ p >
258258< div class ="highlight-default notranslate "> < div class ="highlight "> < pre > < span > </ span > < span class ="n "> my_tree_style</ span > < span class ="o "> =</ span > < span class ="p "> {</ span >
259- < span class ="s1 "> 'shape'</ span > < span class ="p "> :</ span > < span class ="s1 "> 'circular'</ span > < span class ="p "> ,</ span > < span class ="c1 "> # or 'rectangular'</ span >
260- < span class ="s1 "> 'radius'</ span > < span class ="p "> :</ span > < span class ="mi "> 5</ span > < span class ="p "> ,</ span >
261- < span class ="s1 "> 'angle-start'</ span > < span class ="p "> :</ span > < span class ="o "> -</ span > < span class ="n " > pi </ span > < span class =" o " > / </ span > < span class =" mi "> 2 </ span > < span class ="p "> ,</ span >
262- < span class ="s1 "> 'angle-end'</ span > < span class ="p "> :</ span > < span class ="n " > pi </ span > < span class =" o " > / </ span > < span class =" mi "> 2 </ span > < span class ="p "> ,</ span > < span class ="c1 "> # alternatively we can give 'angle-span'</ span >
263- < span class ="s1 "> 'node-height-min'</ span > < span class ="p "> :</ span > < span class ="mi "> 10</ span > < span class ="p "> ,</ span >
264- < span class ="s1 "> 'content-height-min'</ span > < span class ="p "> :</ span > < span class ="mi "> 5</ span > < span class ="p "> ,</ span >
265- < span class ="s1 "> 'collapsed'</ span > < span class ="p "> :</ span > < span class ="p "> {</ span > < span class ="s1 "> 'shape'</ span > < span class ="p "> :</ span > < span class ="s1 "> 'outline'</ span > < span class ="p "> ,</ span > < span class ="s1 "> 'fill-opacity'</ span > < span class ="p "> :</ span > < span class ="mf "> 0.8</ span > < span class ="p "> },</ span >
266- < span class ="s1 "> 'show-popup-props'</ span > < span class ="p "> :</ span > < span class ="kc "> None</ span > < span class ="p "> ,</ span > < span class ="c1 "> # all defined properties</ span >
267- < span class ="s1 "> 'hide-popup-props'</ span > < span class ="p "> :</ span > < span class ="p "> [</ span > < span class ="s1 "> 'support'</ span > < span class ="p "> ],</ span > < span class ="c1 "> # except support</ span >
268- < span class ="s1 "> 'is-leaf-fn'</ span > < span class ="p "> :</ span > < span class ="k "> lambda</ span > < span class ="n "> node</ span > < span class ="p "> :</ span > < span class ="n "> node</ span > < span class ="o "> .</ span > < span class ="n "> level</ span > < span class ="o "> ></ span > < span class ="mi "> 4</ span > < span class ="p "> ,</ span >
269- < span class ="s1 "> 'box'</ span > < span class ="p "> :</ span > < span class ="p "> {</ span > < span class ="s1 "> 'fill'</ span > < span class ="p "> :</ span > < span class ="s1 "> 'green'</ span > < span class ="p "> ,</ span > < span class ="s1 "> 'opacity'</ span > < span class ="p "> :</ span > < span class ="mf "> 0.1</ span > < span class ="p "> ,</ span > < span class ="s1 "> 'stroke'</ span > < span class ="p "> :</ span > < span class ="s1 "> 'blue'</ span > < span class ="p "> },</ span >
270- < span class ="s1 "> 'dot'</ span > < span class ="p "> :</ span > < span class ="p "> {</ span > < span class ="s1 "> 'shape'</ span > < span class ="p "> :</ span > < span class ="s1 "> 'hexagon'</ span > < span class ="p "> ,</ span > < span class ="s1 "> 'fill'</ span > < span class ="p "> :</ span > < span class ="s1 "> 'red'</ span > < span class ="p "> },</ span >
271- < span class ="s1 "> 'hz-line'</ span > < span class ="p "> :</ span > < span class ="p "> {</ span > < span class ="s1 "> 'stroke-width'</ span > < span class ="p "> :</ span > < span class ="mi "> 2</ span > < span class ="p "> },</ span >
272- < span class ="s1 "> 'vt-line'</ span > < span class ="p "> :</ span > < span class ="p "> {</ span > < span class ="s1 "> 'stroke'</ span > < span class ="p "> :</ span > < span class ="s1 "> '#ffff00'</ span > < span class ="p "> },</ span >
273- < span class ="s1 "> 'aliases'</ span > < span class ="p "> :</ span > < span class ="p "> {</ span >
274- < span class ="s1 "> 'support'</ span > < span class ="p "> :</ span > < span class ="p "> {</ span > < span class ="s1 "> 'fill'</ span > < span class ="p "> :</ span > < span class ="s1 "> 'green'</ span > < span class ="p "> },</ span > < span class ="c1 "> # changes the default one</ span >
275- < span class ="s1 "> 'my-leaf'</ span > < span class ="p "> :</ span > < span class ="p "> {</ span > < span class ="s1 "> 'fill'</ span > < span class ="p "> :</ span > < span class ="s1 "> 'blue'</ span > < span class ="p "> ,</ span > < span class ="s1 "> 'font-weight'</ span > < span class ="p "> :</ span > < span class ="s1 "> 'bold'</ span > < span class ="p "> },</ span >
259+ < span class ="s1 "> 'shape'</ span > < span class ="p "> :</ span > < span class ="s1 "> 'circular'</ span > < span class ="p "> ,</ span > < span class ="c1 "> # or 'rectangular'</ span >
260+ < span class ="s1 "> 'radius'</ span > < span class ="p "> :</ span > < span class ="mi "> 5</ span > < span class ="p "> ,</ span >
261+ < span class ="s1 "> 'angle-start'</ span > < span class ="p "> :</ span > < span class ="o "> -</ span > < span class ="mi "> 180 </ span > < span class ="p "> ,</ span >
262+ < span class ="s1 "> 'angle-end'</ span > < span class ="p "> :</ span > < span class ="mi "> 180 </ span > < span class ="p "> ,</ span > < span class ="c1 "> # alternatively we can give 'angle-span'</ span >
263+ < span class ="s1 "> 'node-height-min'</ span > < span class ="p "> :</ span > < span class ="mi "> 10</ span > < span class ="p "> ,</ span >
264+ < span class ="s1 "> 'content-height-min'</ span > < span class ="p "> :</ span > < span class ="mi "> 5</ span > < span class ="p "> ,</ span >
265+ < span class ="s1 "> 'collapsed'</ span > < span class ="p "> :</ span > < span class ="p "> {</ span > < span class ="s1 "> 'shape'</ span > < span class ="p "> :</ span > < span class ="s1 "> 'outline'</ span > < span class ="p "> ,</ span > < span class ="s1 "> 'fill-opacity'</ span > < span class ="p "> :</ span > < span class ="mf "> 0.8</ span > < span class ="p "> },</ span >
266+ < span class ="s1 "> 'show-popup-props'</ span > < span class ="p "> :</ span > < span class ="kc "> None</ span > < span class ="p "> ,</ span > < span class ="c1 "> # all defined properties</ span >
267+ < span class ="s1 "> 'hide-popup-props'</ span > < span class ="p "> :</ span > < span class ="p "> [</ span > < span class ="s1 "> 'support'</ span > < span class ="p "> ],</ span > < span class ="c1 "> # except support</ span >
268+ < span class ="s1 "> 'is-leaf-fn'</ span > < span class ="p "> :</ span > < span class ="k "> lambda</ span > < span class ="n "> node</ span > < span class ="p "> :</ span > < span class ="n "> node</ span > < span class ="o "> .</ span > < span class ="n "> level</ span > < span class ="o "> ></ span > < span class ="mi "> 4</ span > < span class ="p "> ,</ span >
269+ < span class ="s1 "> 'box'</ span > < span class ="p "> :</ span > < span class ="p "> {</ span > < span class ="s1 "> 'fill'</ span > < span class ="p "> :</ span > < span class ="s1 "> 'green'</ span > < span class ="p "> ,</ span > < span class ="s1 "> 'opacity'</ span > < span class ="p "> :</ span > < span class ="mf "> 0.1</ span > < span class ="p "> ,</ span > < span class ="s1 "> 'stroke'</ span > < span class ="p "> :</ span > < span class ="s1 "> 'blue'</ span > < span class ="p "> },</ span >
270+ < span class ="s1 "> 'dot'</ span > < span class ="p "> :</ span > < span class ="p "> {</ span > < span class ="s1 "> 'shape'</ span > < span class ="p "> :</ span > < span class ="s1 "> 'hexagon'</ span > < span class ="p "> ,</ span > < span class ="s1 "> 'fill'</ span > < span class ="p "> :</ span > < span class ="s1 "> 'red'</ span > < span class ="p "> },</ span >
271+ < span class ="s1 "> 'hz-line'</ span > < span class ="p "> :</ span > < span class ="p "> {</ span > < span class ="s1 "> 'stroke-width'</ span > < span class ="p "> :</ span > < span class ="mi "> 2</ span > < span class ="p "> },</ span >
272+ < span class ="s1 "> 'vt-line'</ span > < span class ="p "> :</ span > < span class ="p "> {</ span > < span class ="s1 "> 'stroke'</ span > < span class ="p "> :</ span > < span class ="s1 "> '#ffff00'</ span > < span class ="p "> },</ span >
273+ < span class ="s1 "> 'aliases'</ span > < span class ="p "> :</ span > < span class ="p "> {</ span >
274+ < span class ="s1 "> 'support'</ span > < span class ="p "> :</ span > < span class ="p "> {</ span > < span class ="s1 "> 'fill'</ span > < span class ="p "> :</ span > < span class ="s1 "> 'green'</ span > < span class ="p "> },</ span > < span class ="c1 "> # changes the default one</ span >
275+ < span class ="s1 "> 'my-leaf'</ span > < span class ="p "> :</ span > < span class ="p "> {</ span > < span class ="s1 "> 'fill'</ span > < span class ="p "> :</ span > < span class ="s1 "> 'blue'</ span > < span class ="p "> ,</ span > < span class ="s1 "> 'font-weight'</ span > < span class ="p "> :</ span > < span class ="s1 "> 'bold'</ span > < span class ="p "> },</ span >
276276 < span class ="p "> },</ span >
277277< span class ="p "> }</ span >
278278
@@ -423,6 +423,12 @@ <h1><a class="toc-backref" href="#id1" role="doc-backlink">Smartview (web graphi
423423different forms. Faces have a drawing function that returns the
424424graphic elements that will show the information, and the size they
425425occupy (in tree coordinates).</ p >
426+ < p > They know how to represent node(s) information, confined to an area of
427+ a given size. They do it with a method face.draw(nodes, size, …)
428+ which returns the graphic elements and the actual size they use
429+ (which may be smaller than the allocated size).</ p >
430+ < p > The sizes are always given in “tree units”. The size in pixels is
431+ always that size multiplied by the zoom.</ p >
426432< dl class ="py class ">
427433< dt class ="sig sig-object py " id ="ete4.smartview.faces.BoxFace ">
428434< em class ="property "> < span class ="pre "> class</ span > < span class ="w "> </ span > </ em > < span class ="sig-name descname "> < span class ="pre "> BoxFace</ span > </ span > < span class ="sig-paren "> (</ span > < em class ="sig-param "> < span class ="n "> < span class ="pre "> wmax</ span > </ span > </ em > , < em class ="sig-param "> < span class ="n "> < span class ="pre "> hmax</ span > </ span > < span class ="o "> < span class ="pre "> =</ span > </ span > < span class ="default_value "> < span class ="pre "> None</ span > </ span > </ em > , < em class ="sig-param "> < span class ="n "> < span class ="pre "> style</ span > </ span > < span class ="o "> < span class ="pre "> =</ span > </ span > < span class ="default_value "> < span class ="pre "> ''</ span > </ span > </ em > , < em class ="sig-param "> < span class ="n "> < span class ="pre "> text</ span > </ span > < span class ="o "> < span class ="pre "> =</ span > </ span > < span class ="default_value "> < span class ="pre "> None</ span > </ span > </ em > < span class ="sig-paren "> )</ span > < a class ="reference internal " href ="../_modules/ete4/smartview/faces.html#BoxFace "> < span class ="viewcode-link "> < span class ="pre "> [source]</ span > </ span > </ a > < a class ="headerlink " href ="#ete4.smartview.faces.BoxFace " title ="Link to this definition "> ¶</ a > </ dt >
0 commit comments