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

2018-04-19 17:22 更新

legend.pageIcons   |  Object

legend.type 為 'scroll' 時有效。

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


legend.pageIcons.horizontal   |   Array

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

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

數(shù)組中每項,

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

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

參見 滾動圖例(垂直) 或 滾動圖例(水平)。


legend.pageIcons.vertical   |   Array

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

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

數(shù)組中每項,

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

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

參見 滾動圖例(垂直) 或 滾動圖例(水平)。

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

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號