uCharts-基礎細節配置。


2021-08-03 09:53:00

基本的屬性配置(在標簽上配置的)
常用:

圖表類型: type,   常用:柱狀圖,餅狀圖,折線圖,條狀圖,圓環圖,環狀進度條等。還有其他種種。(無web端echarts的3d圖和更炫麗的圖,但也夠基本開發使用)。

圖表加載過程中的樣式設置:loadingType。常用值:0(不顯示加載樣式) 1-5(5種不同樣式)其中有以下5種:

 

 

 

h5端,使用eCharts渲染圖表:echartsH5,默認為false。若改為true,則uCharts的配置方式不適用。例(綁定的opts對象配置改為epots對象配置,其中的屬性也從參考uCharts文檔轉變為參考eCharts官方文檔。) eCharts有外拖動,但拖動時會報錯。uCHarts自帶內拖動,更加方便且成熟。

app端,使用eCharts渲染圖表: echartsApp,默認為false.解釋與上同。

背景色:background

 

 圖表渲染的那一秒,是直接呈現在頁面還是以動畫的形式呈現: animation。 默認為true。

圖表區域,數據點上方數據文案是否顯示:dataLabel 默認為true

 

 

 數據點是否顯示:dataPointShape 默認為true

  

數據點顯示類型:dataPointShapeType 默認實心

 

 

 

不常用:

圖表元素是否在scroll-view標簽: inScrollView 默認false。

手在圖表上上下滑動是否會引起頁面滾動:disableScroll 。

canvas2d模式,解決微信小程序層級過高問題。canvasId,canvas2d.

圖例點擊交互事件:  tapLegent ,默認true

源碼/epots觸發,非標簽屬性觸發。

圖標渲染的動畫持續時間: duration  但是設置無效。

主題顏色:color,一個數組,圖例的顏色會根據它順序展示。但是無效。源碼在:

 

 畫布填充邊距:padding,數組[上,右,下,左]

全局字體大小:fontSize

全局字體顏色:fontColor

橫屏模式:rotate,默認為false

錯誤圖標顯示:errorShow ,功能未知。不知道如何觸發

錯誤圖標點擊重新加載:errorReload,默認為true

自定義錯誤信息:errorMessage

開啟圖表可拖拽功能。enalbeScroll。(需在x軸配置時,配置屬性itemCount(Number))

 

圖表拖拽-性能優化-每秒重新渲染幀數。 touchMoveLimit。  降低則減少卡頓。

標記線配置:enableMarkLine,功效未知。

提示窗:tooltip.  未知效果。

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM