ECharts圖例組件配置 數(shù)據(jù)項(xiàng)及圖例項(xiàng)

legend.data[i]   |  Object

圖例的數(shù)據(jù)數(shù)組。數(shù)組項(xiàng)通常為一個(gè)字符串，每一項(xiàng)代表一個(gè)系列的 name（如果是餅圖，也可以是餅圖單個(gè)數(shù)據(jù)的 name）。圖例組件會(huì)自動(dòng)根據(jù)對(duì)應(yīng)系列的圖形標(biāo)記（symbol）來繪制自己的顏色和標(biāo)記，特殊字符串 ''（空字符串）或者 '\n'（換行字符串）用于圖例的換行。

如果要設(shè)置單獨(dú)一項(xiàng)的樣式，也可以把該項(xiàng)寫成配置項(xiàng)對(duì)象。此時(shí)必須使用 name 屬性對(duì)應(yīng)表示系列的 name。

示例：

data: [{
    name: '系列1',
    // 強(qiáng)制設(shè)置圖形為圓。
    icon: 'circle',
    // 設(shè)置文本為紅色
    textStyle: {
        color: 'red'
    }
}]

legend.data[i].name   |   string

圖例項(xiàng)的名稱，應(yīng)等于某系列的name值（如果是餅圖，也可以是餅圖單個(gè)數(shù)據(jù)的 name）。

legend.data[i].icon   |   string

圖例項(xiàng)的 icon。

ECharts 提供的標(biāo)記類型包括 'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow'

也可以通過 'image://url' 設(shè)置為圖片，其中 url 為圖片的鏈接，或者 dataURI。

可以通過 'path://' 將圖標(biāo)設(shè)置為任意的矢量路徑。這種方式相比于使用圖片的方式，不用擔(dān)心因?yàn)榭s放而產(chǎn)生鋸齒或模糊，而且可以設(shè)置為任意顏色。路徑圖形會(huì)自適應(yīng)調(diào)整為合適的大小。路徑的格式參見 SVG PathData?？梢詮?Adobe Illustrator 等工具編輯導(dǎo)出。

legend.data[i].textStyle   |   Object

圖例項(xiàng)的文本樣式。