rich中无法像html一样分块，导致无法实现一些复杂的布局

[Mr-Lixiaoqaing]

Version

4.9x

Link to Minimal Reproduction

No response

Steps to Reproduce

series: [
{
name: 'Access From',
type: 'pie',
radius: '50%',
label: {
alignTo: 'labelLine',
formatter(data) {
console.log(data.data)
const {name, value} = data.data
return "{block| ''}" + value + '测试'
},
rich: {
block: {
width: 5,
height: 20,
backgroundColor: '#f00',
}
},
},
data: [
{ value: 1, name: '测试' },
{ value: 2, name: '测试' },
{ value: 3, name: '测试' },
],
}
]

Current Behavior

图片为想要实现的效果，可以看到最外层为左右结构，然后右边是上下结构。但由于无法在formatter里面区分左右结构，因此在使用"\n"进行换行时，只能将内容分为"上下"两个部分。所以我没办法实现设计图上的效果。

Expected Behavior

希望能够在rich或者formatter中进行结构上的区分，就像html那样，以实现更丰富的效果

Environment

- OS:
- Browser:
- Framework:

Any additional comments?

[echarts-bot]

I'm sorry to close this issue for it lacks the necessary title. Please provide a descriptive and as concise as possible title to describe your problems or requests and then the maintainers or I will reopen this issue.

Every good bug report or feature request starts with a title. Your issue title is a critical element as it's the first thing maintainers see.

A good issue title makes it easier for maintainers to understand what the issue is, easily locate it, and know what steps they'll need to take to fix it.

Moreover, it's better to include keywords, as this makes it easier to find the issue self and similar issues in searches.

[echarts-bot]

@Mr-Lixiaoqaing It seems you are not using English, I've helped translate the content automatically. To make your issue understood by more people and get helped, we'd like to suggest using English next time. 🤗

TRANSLATED

TITLE

Rich can't chunk like html, resulting in some complex layouts not being implemented

[Mr-Lixiaoqaing]

Sorry, I didn't use '\n' in the code screenshot, I'll fix it now


PS: Don't worry about the color

[Ovilia]

Apache ECharts 中的富文本功能可以满足大部分场景下的布局需求，不过确实不可能满足所有场景需求，底层实现也和 html 完全不一样，不可能指望在 ECharts 内部实现一个类似 CSS 的复杂渲染引擎。