[4->5 breaking] assign to `graphic.style.text` will reset other properties of `style`

[n0099]

Version

5.2.1

Steps to reproduce

4.9.0: https://jsfiddle.net/58yq7tmn/

5.2.0: https://jsfiddle.net/58yq7tmn/1/

What is expected?

text font is keeping previous value after setOption()

What is actually happening?

text font is reset to default

[echarts-bot]

Hi! We've received your issue and please be patient to get responded. 🎉
The average response time is expected to be within one day for weekdays.

In the meanwhile, please make sure that it contains a minimum reproducible demo and necessary images to illustrate. Otherwise, our committers will ask you to do so.

A minimum reproducible demo should contain as little data and components as possible but can still illustrate your problem. This is the best way for us to reproduce it and solve the problem faster.

You may also check out the API and chart option to get the answer.

If you don't get helped for a long time (over a week) or have an urgent question to ask, you may also send an email to dev@echarts.apache.org. Please attach the issue link if it's a technical question.

If you are interested in the project, you may also subscribe to our mailing list.

Have a nice day! 🍵

[n0099]

It's introduced in 5.0.0, covers 5.2.1, we can work around this by duplicate other styles while invoking setOption().

[pissang]

See the upgrading guide in https://echarts.apache.org/handbook/en/basics/release-note/v5-upgrade-guide/#deprecated-apis

[n0099]

See the upgrading guide in https://echarts.apache.org/handbook/en/basics/release-note/v5-upgrade-guide/#deprecated-apis

it only says Prop style.text are deprecated in elements except Text. Instead, Prop set textContent and textConfig are provided to support more powerful capabilities.

[pissang]

@n0099 Sorry I understood it wrong. Use fontSize and fontFamily instead of font may solve the issue.

[n0099]

@n0099 Sorry I understood it wrong. Use fontSize and fontFamily instead of font may solve the issue.

It works: https://jsfiddle.net/u0n6eq92/, but why?
But the graphic.elements-text.style.textAlign was still get reset by new setOption(), and style.fill won't. Might many other prop of style is get effected by this issue?