[Feature] Is there a way to safely override Echarts styling / rendering?

[lwangsf]

What problem does this feature solve?

Hi there. If we want to have different styling options, or support different behavior in a chart than the default Echarts options, is there a way for us to customize Echarts in a safe / reliable way? Thank you!

What does the proposed API look like?

N/A

[helgasoft]

Most of the API is about styling - color, opacity, width, format, etc.
There is an official tool theme-builder. There is also extraCssText available for several chart elements.

[lwangsf]

Thanks @helgasoft for responding!

We were trying to customize the behavior (not just the styling) of the pie chart. See #20626, where we wrote custom rendering code. Is this a reliable way to customize Echarts behavior, or we are not expected to use Echarts this way?

Thanks in advance. I really appreicate your help!

[Ovilia]

I'd like to know what you mean by "safe / reliable".

[lwangsf]

Thanks for your response! We want to customize the behavior of certain charts, for example animation by writing custom code. How can could we do so in a way such that any future changes to the Echarts library won't cause regression in the custom behavior we implemented? I'll ask my teammate to provide an example. Thanks.

[cholocate]

Hi @Ovilia I am also one of the engineers in @lwangsf 's org. I think generally there are some configurations that requires us to go into Zrender in depth instead of using echarts API directly, which is understandable since not all customizations are supported. However, I believe there are some straightforward stylings that we can't change even using the Zrender APIs. For example, a simple styling such as creating a gap between the parent and the child like below for Treemaps (without adding a border because this would shrink the dimensions). This is just one of many subtleties that we have.