ECharts控制按鈕的樣式

timeline.controlStyle   |   Object

設(shè)置 ECharts 時(shí)間軸組件中控制按鈕的樣式。

控制按鈕包括：播放按鈕、前進(jìn)按鈕、后退按鈕。

timeline.controlStyle.show   |   boolean

[ default: true ]

是否顯示時(shí)間軸組件的控制按鈕。設(shè)置為 false，則表示所有類型的控制按鈕都不顯示。

timeline.controlStyle.showPlayBtn   |   boolean

[ default: true ]

是否顯示播放按鈕。

timeline.controlStyle.showPrevBtn   |   boolean

[ default: true ]

是否顯示后退按鈕。

timeline.controlStyle.showNextBtn   |   boolean

[ default: true ]

是否顯示前進(jìn)按鈕。

timeline.controlStyle.itemSize   |   number

[ default: 22 ]

設(shè)置時(shí)間軸組件控制按鈕的尺寸，單位為像素（px）。

timeline.controlStyle.itemGap   |   number

[ default: 12 ]

設(shè)置時(shí)間軸組件控制按鈕之間的間隔，單位為像素（px）。

timeline.controlStyle.position   |   string

[ default: 'left' ]

設(shè)置時(shí)間軸組件控制按鈕的位置。

• 當(dāng) timeline.orient 為 'horizontal'時(shí)，'left'、'right'有效。
• 當(dāng) timeline.orient 為 'vertical'時(shí)，'top'、'bottom'有效。

timeline.controlStyle.playIcon   |   string

播放按鈕的可播放狀態(tài)的圖形。

可以通過 '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)出。

timeline.controlStyle.stopIcon   |   string

播放按鈕的可停止?fàn)顟B(tài)的圖形。

可以通過 '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)出。

timeline.controlStyle.prevIcon   |   string

后退按鈕的圖形

可以通過 '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)出。

timeline.controlStyle.nextIcon   |   string

前進(jìn)按鈕的圖形

可以通過 '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)出。