鍍金池/ 問(wèn)答/HTML/ lengend文字太長(zhǎng),想根據(jù)文字的長(zhǎng)度來(lái)?yè)Q行,formatter里面的函數(shù)如何

lengend文字太長(zhǎng),想根據(jù)文字的長(zhǎng)度來(lái)?yè)Q行,formatter里面的函數(shù)如何來(lái)判斷這個(gè)長(zhǎng)度,進(jìn)行換行

圖片描述

回答
編輯回答
汐顏

formatter函數(shù)這么寫(xiě)

// 正則里面的數(shù)字是每行的字?jǐn)?shù),這里為3
formatter: text => text.replace(/\S{3}/g, match => match + '\n'),

demo:http://gallery.echartsjs.com/...

2017年9月6日 09:11
編輯回答
局外人

根據(jù)字符串長(zhǎng)度換行不太好,應(yīng)為emoji的實(shí)際長(zhǎng)度和肉眼看到的長(zhǎng)度差距特別大。
例如 ? 長(zhǎng)度是 2,??????? 長(zhǎng)度是 11。

通常這種情況的處理方法是,設(shè)置顯示長(zhǎng)度,然后讓html自動(dòng)折行。

p { word-wrap:break-word; }

關(guān)于 emoji 的長(zhǎng)度,推薦看?文章。
https://objcer.com/2017/07/20...

2017年10月1日 00:31