倒計(jì)時(shí)組件支持通過自定義目標(biāo)時(shí)間或倒數(shù)數(shù)字,在報(bào)表和大屏中展示時(shí)間倒數(shù)和數(shù)字倒數(shù)。
下面以Sugar BI為例,為大家展示
倒計(jì)時(shí)展示模式
倒計(jì)時(shí)組件提供「時(shí)間倒數(shù)」和「數(shù)字倒數(shù)」兩種展示模式,效果如下:
默認(rèn)為「時(shí)間倒數(shù)」模式,打開「倒數(shù)模式」開關(guān),可切換為「數(shù)字倒數(shù)」模式,
其中「倒數(shù)模式」僅在瀏覽模式下點(diǎn)擊后生效。
倒計(jì)時(shí)的內(nèi)容設(shè)置
在默認(rèn)的「時(shí)間倒數(shù)」模式下,需要配置「目標(biāo)時(shí)間」信息,配置后系統(tǒng)會自動計(jì)算并展示出倒數(shù)時(shí)長,精確到「天」,「時(shí)」,「分」,「秒」 ,
如果只需要展示剩余天數(shù),可打開「只顯示天」開關(guān)。
在「數(shù)字倒數(shù)」模式下,需要設(shè)置「倒數(shù)數(shù)字」信息。
倒計(jì)時(shí)的樣式設(shè)置
「時(shí)間倒數(shù)」模式下,支持自定義配置數(shù)字大小,文字大小,數(shù)字顏色,數(shù)字背景色,文字顏色,文字字體。
「數(shù)字倒數(shù)」模式下,支持自定義配置數(shù)字大小,數(shù)字顏色,數(shù)字字體,動畫效果。
倒計(jì)時(shí)的動畫效果設(shè)置
「倒數(shù)模式」下,提供兩種動畫選擇:
- 放大:即數(shù)字放大消失的動畫效果。
- 旋轉(zhuǎn):即數(shù)字外圈動態(tài)展示旋轉(zhuǎn)的圓環(huán),圓環(huán)顏色和粗細(xì)支持自定義配置。
配置示例參考
文章來源:http://www.zghlxwxcb.cn/news/detail-402505.html
??如果大家想使用倒計(jì)時(shí)組件,可以直接去Sugar BI 官網(wǎng)中,還可以進(jìn)行30天免費(fèi)試用??文章來源地址http://www.zghlxwxcb.cn/news/detail-402505.html
到了這里,關(guān)于倒計(jì)時(shí)組件:可視化如何自定義目標(biāo)時(shí)間 / 數(shù)字倒數(shù)的文章就介紹完了。如果您還想了解更多內(nèi)容,請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!