[Bug] borderWidth and borderColor in the tree chart doesn't work

[enerit-developer-team]

Version

6.0.0

Link to Minimal Reproduction

https://jsfiddle.net/zhtk7mw1/

Steps to Reproduce

1. Create a tree chart
2. Try to set the border color using itemStyle.borderColor

Current Behavior

itemStyle.borderColor and itemStyle.borderWidth is ignored, itemStyle.color is treated as itemStyle.borderColor. Item color in the middle is always white. Interestingly, itemStyle.borderType behaves according to the docs.

Expected Behavior

Properties mentioned above behave according to the documentation.

Environment

- OS:
- Browser: 
- Framework:

Any additional comments?

In Issue: #15578 it has been recommended to set the symbol to circle. This however causes a new bug: this way it is impossible to tell apart a collapsed node with children, and an uncollapsed node without children.

[helgasoft]

it is impossible to tell apart a collapsed node with children, and an uncollapsed node without children

Parameter symbol could be a function and content replaced depending on params.collapsed - Demo

[enerit-developer-team]

Thank you, this seems to be a reasonable workaround.

Still, is it planned to fix the bug mentioned in this issue?

If it is intended behaviour, would it be possible to update the docs?
It is explicitly stated that itemStyle.color should change the fill color, whereas using emptyCircle it changes borderColor:

Docs: series-tree.itemStyle

[Justin-ZS]

Thanks for pointing this out. I agree the previous docs were misleading for series.tree when using the default 'emptyCircle' symbol.

I have opened a docs PR to clarify this behavior: apache/echarts-doc#506

The updated docs explain that:

• series.tree uses 'emptyCircle' by default
• with that hollow symbol, itemStyle.color controls the outer ring rather than the normal fill color
• the inner fill is used to indicate whether the node has a collapsed subtree
• if you want the usual fill/border semantics, you should switch symbol to a solid symbol such as 'circle'

Could you please take a look and let us know whether this documentation update resolves your question?

If you still expect borderColor / borderWidth to control the hollow ring of 'emptyCircle' directly, that would likely be a separate behavior change request rather than a documentation fix.

[enerit-developer-team]

Thanks for updating the documentation!

I don't believe changing the behaviour of borderColor / borderWidth is necessary as the updated docs, alongside with @helgasoft 's comment solves my issue completely.

I will close this issue now, thank you both!