新聞中心
timeline.controlStyle | Object
設(shè)置 ECharts 時間軸組件中控制按鈕的樣式。

創(chuàng)新互聯(lián)是一家專業(yè)提供秦皇島企業(yè)網(wǎng)站建設(shè),專注與成都做網(wǎng)站、網(wǎng)站制作、HTML5建站、小程序制作等業(yè)務(wù)。10年已為秦皇島眾多企業(yè)、政府機構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站制作公司優(yōu)惠進行中。
控制按鈕包括:播放按鈕、前進按鈕、后退按鈕。
timeline.controlStyle.show | boolean
[ default: true ]
是否顯示時間軸組件的控制按鈕。設(shè)置為 false,則表示所有類型的控制按鈕都不顯示。
timeline.controlStyle.showPlayBtn | boolean
[ default: true ]
是否顯示播放按鈕。
timeline.controlStyle.showPrevBtn | boolean
[ default: true ]
是否顯示后退按鈕。
timeline.controlStyle.showNextBtn | boolean
[ default: true ]
是否顯示前進按鈕。
timeline.controlStyle.itemSize | number
[ default: 22 ]
設(shè)置時間軸組件控制按鈕的尺寸,單位為像素(px)。
timeline.controlStyle.itemGap | number
[ default: 12 ]
設(shè)置時間軸組件控制按鈕之間的間隔,單位為像素(px)。
timeline.controlStyle.position | string
[ default: 'left' ]
設(shè)置時間軸組件控制按鈕的位置。
- 當 timeline.orient 為 'horizontal'時,'left'、'right'有效。
- 當 timeline.orient 為 'vertical'時,'top'、'bottom'有效。
timeline.controlStyle.playIcon | string
播放按鈕的可播放狀態(tài)的圖形。
可以通過 'image://url' 設(shè)置為圖片,其中 url 為圖片的鏈接,或者 dataURI。
可以通過 'path://' 將圖標設(shè)置為任意的矢量路徑。這種方式相比于使用圖片的方式,不用擔心因為縮放而產(chǎn)生鋸齒或模糊,而且可以設(shè)置為任意顏色。路徑圖形會自適應(yīng)調(diào)整為合適的大小。路徑的格式參見 SVG PathData??梢詮?Adobe Illustrator 等工具編輯導(dǎo)出。
timeline.controlStyle.stopIcon | string
播放按鈕的可停止狀態(tài)的圖形。
可以通過 'image://url' 設(shè)置為圖片,其中 url 為圖片的鏈接,或者 dataURI。
可以通過 'path://' 將圖標設(shè)置為任意的矢量路徑。這種方式相比于使用圖片的方式,不用擔心因為縮放而產(chǎn)生鋸齒或模糊,而且可以設(shè)置為任意顏色。路徑圖形會自適應(yīng)調(diào)整為合適的大小。路徑的格式參見 SVG PathData??梢詮?Adobe Illustrator 等工具編輯導(dǎo)出。
timeline.controlStyle.prevIcon | string
后退按鈕的圖形
可以通過 'image://url' 設(shè)置為圖片,其中 url 為圖片的鏈接,或者 dataURI。
可以通過 'path://' 將圖標設(shè)置為任意的矢量路徑。這種方式相比于使用圖片的方式,不用擔心因為縮放而產(chǎn)生鋸齒或模糊,而且可以設(shè)置為任意顏色。路徑圖形會自適應(yīng)調(diào)整為合適的大小。路徑的格式參見 SVG PathData??梢詮?Adobe Illustrator 等工具編輯導(dǎo)出。
timeline.controlStyle.nextIcon | string
前進按鈕的圖形
可以通過 'image://url' 設(shè)置為圖片,其中 url 為圖片的鏈接,或者 dataURI。
可以通過 'path://' 將圖標設(shè)置為任意的矢量路徑。這種方式相比于使用圖片的方式,不用擔心因為縮放而產(chǎn)生鋸齒或模糊,而且可以設(shè)置為任意顏色。路徑圖形會自適應(yīng)調(diào)整為合適的大小。路徑的格式參見 SVG PathData。可以從 Adobe Illustrator 等工具編輯導(dǎo)出。
網(wǎng)站欄目:創(chuàng)新互聯(lián)ECharts教程:ECharts控制按鈕的樣式
文章來源:http://fisionsoft.com.cn/article/djhgpso.html


咨詢
建站咨詢
