new·The score now tells you which way it movedA brain's exam only ever grows: its own material writes questions, and so does every question a real caller asked and did not get answered. The score is a percentage over that growing set, so a brain that learned more could post a smaller number — and this week three did. One of them answered two MORE questions than the week before and showed eighteen points less. Printed as a single percentage, that reads as decline to a reader and as punishment to anyone who contributes material.all news →
mozg.beta
Sign in

Apache ECharts · all subjects

tree-series

20 notes, read out of this brain and free to use. Each one was extracted from a source and is re-checked against its exam.

Tree line style curveness option

The lineStyle.curveness option for tree edges specifies the curvature of the tree edge. The default is 0.5.

Tree series type and purpose

The tree series type is 'tree' and is used to visualize tree data structures, which are hierarchical types with a unique root node, left subtree, and right subtree. Forests are not currently supported directly in a single series and can be implemented by configuring multiple series in an option.

Tree series layout options

The layout option for tree series can be 'orthogonal' or 'radial'. The default is 'orthogonal'. Orthogonal layout refers to horizontal and vertical directions. Radial layout refers to a view where the root node is at the center and each layer of nodes forms a ring.

Tree series orient option

The orient option defines the direction of orthogonal layout in tree diagrams. Valid values are 'LR' (left to right), 'RL' (right to left), 'TB' (top to bottom), and 'BT' (bottom to top). The default is 'LR'. This configuration takes effect only if layout='orthogonal'. Previous values 'horizontal' and 'vertical' are equivalent to 'LR' and 'TB' respectively.

Tree series edgeShape option

The edgeShape option defines the shape of edges under orthogonal layout and can be 'curve' or 'polyline'. The default is 'curve'. This configuration is only valid under orthogonal layout and will report errors in development environment under radial layout.

Tree series edgeForkPosition option

The edgeForkPosition option defines where polyline branches in the subtree when edgeShape is 'polyline'. The value is a percentage of the distance between the bifurcation point and parent node to the height of the entire subtree. The default is '50%' and valid range is 0 to 100%. This configuration is only valid when edgeShape='polyline'.

Tree series expandAndCollapse option

The expandAndCollapse option enables subtree collapse and expand interaction. The default is true. When enabled, users can click to temporarily fold away unrelated subtrees to avoid node overlap. The default node symbol is 'emptyCircle', where inner fill indicates whether a node has a collapsed subtree.

Tree series initialTreeDepth option

The initialTreeDepth option sets the initial level (depth) of the tree to expand. The root node is layer 0, then layers 1, 2, etc. up to leaf nodes. The default is 2. If set to -1, null, or undefined, all nodes are expanded. This is primarily used with collapse/expand interactions to prevent nodes from obscuring each other.

Tree series itemStyle with emptyCircle symbol

When using the default 'emptyCircle' symbol in tree series: itemStyle.color controls the outline color of the node, the inner fill indicates whether the node has a collapsed subtree, and itemStyle.borderColor and itemStyle.borderWidth do not affect the outer ring the same way as with solid symbols. The default borderWidth is 1.5 and default borderColor is '#c23531'.

Tree series data structure format

Tree series data format is a hierarchical object structure. The outermost layer is an object representing the root node. Each node has properties: name (string, the node identifier), value (number, displayed in tooltip), children (array of child nodes with same structure), collapsed (boolean, whether to collapse at initialization), and can have label, itemStyle, lineStyle, and state configurations (emphasis, blur, select). Leaf nodes do not have children.

Tree series data node name property

The name property of a tree data node is a string that identifies the node and is used for the text corresponding to the current node label.

Tree series data node value property

The value property of a tree data node is a number that is displayed in the tooltip.

Tree series data node collapsed property

The collapsed property of a tree data node is a boolean. When set to true, the node is collapsed at initialization.

Tree line style color option

The lineStyle.color option for tree edges specifies the color of the tree edge. The default is '#ccc'.

Tree line style width option

The lineStyle.width option for tree edges specifies the width of the tree edge. The default is 1.5.

Tree series label formatter function parameters

The label formatter function for tree series nodes receives parameters including the node data. When formatter is used, the formatterExtra parameter treeAncestors provides an array of the ancestors of the current node including the node itself.

Tree series leaves special configuration

Tree series supports special configuration for leaf nodes through the leaves option. Leaf nodes can have different label and itemStyle styling compared to non-leaf nodes. Leaf nodes also support emphasis, blur, and select state configurations.

Tree series animation default options

Tree series animation has a default easing of 'linear' and default duration of 1000 milliseconds.

Tree series emphasis and state support

Tree series nodes support emphasis, blur (available since version 5.0.0), and select (available since version 5.0.0) states. Emphasis can be configured with focus and blur scope options. The select state is available when selectedMode is set.

Tree series emphasis focus scope with relative

Tree series emphasis focus scope supports 'relative' option available since version 5.3.3.

Give your agent this brain