echarts How to dynamically add images to the rich text of the label on the node?

xpszyzbs 于 2022-11-02 发布在 Echarts

关注(0)|答案(2)|浏览(119)

What problem does this feature solve?

Lable rich text on nodes can now be dynamically displayed with text, but images cannot be dynamically defined in Rich, so dynamic image addresses cannot be passed as text. All new features that can be added to dynamically transfer image addresses like text?

What does the proposed API look like?

formatter: (userInfo)=>{
        if(data.relate_id){
	   return  '{img|userInfo.image}'  '{name_main|'   userInfo.name   '}'；
}else{
return '{name_main|'   userInfo.name   '}';
}
},
rich: {
name_main: {
color: 'blue',
lineHeight: 10,
verticalAlign: "middle"
},
img: {
backgroundColor: {
},
position: 'center',
 height: 10
 }
}

The address of the image in userInfo.image can then be passed to the image in the IMG style to dynamically display the image.

echarts

来源：https://github.com/apache/echarts/issues/15948

2条答案

按热度按时间

m3eecexj1#

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 containsa minimum reproducible demoand necessaryimagesto 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! 🍵

赞(0）回复(0）举报 2022-11-02

siv3szwd2#

Rich text doesn't seem to support image. See if this demo helps.

赞(0）回复(0）举报 2022-11-02