ECharts圖例組件配置 圖例控制塊的圖標(biāo)

2018-04-19 17:22 更新

legend.pageIcons   |  Object

legend.type 為 'scroll' 時(shí)有效。

圖例控制塊的圖標(biāo)。


legend.pageIcons.horizontal   |   Array

legend.orient 為 'horizontal' 時(shí)的翻頁(yè)按鈕圖標(biāo)。

是一個(gè)數(shù)組,表示 [previous page button, next page button]。默認(rèn)值為 ['M0,0L12,-10L12,10z', 'M0,0L-12,-10L-12,10z'],。

數(shù)組中每項(xiàng),

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

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

參見(jiàn) 滾動(dòng)圖例(垂直) 或 滾動(dòng)圖例(水平)。


legend.pageIcons.vertical   |   Array

legend.orient 為 'vertical' 時(shí)的翻頁(yè)按鈕圖標(biāo)。

是一個(gè)數(shù)組,表示 [previous page button, next page button]。默認(rèn)值為 ['M0,0L20,0L10,-20z', 'M0,0L20,0L10,20z'],。

數(shù)組中每項(xiàng),

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

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

參見(jiàn) 滾動(dòng)圖例(垂直) 或 滾動(dòng)圖例(水平)。

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)