uCharts是一個高性能的跨平臺圖表庫，支持H5、APP、小程序（微信小程序、支付寶小程序、釘釘小程序、百度小程序、頭條小程序、QQ小程序、360小程序）、Vue、Taro等更多支持canvas的框架平臺，支持餅圖、圓環(huán)圖、線圖、柱狀圖、區(qū)域圖、雷達圖、圓弧進度圖、儀表盤、K線圖、條狀圖、混合圖、玫瑰圖、漏斗圖、詞云圖、時序圖、散點圖、氣泡圖、地圖。

為解決開發(fā)者使用可視化組件的困擾，uCharts官方特推出可視化通用組件，本組件具備以下特點：

1、極簡單的調用方式，默認配置下只需要傳入圖表類型及圖表數(shù)據(jù)即可全端顯示。

2、提供強大的在線配置生成工具，可視化中的可視化，鼠標點一點就可以生成圖表，可視化從此不再難配。

3、兼容ECharts，并解決了ECharts無法使用formatter的問題，可選擇PC端或APP端單獨使用ECharts引擎渲染圖表。

4、H5及App采用renderjs渲染圖表，動畫流暢、性能翻倍。

5、根據(jù)父容器尺寸彈性顯示圖表，再也不必為寬高匹配及多端適配問題發(fā)愁。

6、支持加載狀態(tài)loading及error展示，避免數(shù)據(jù)讀取顯示空白的尷尬。

7、chartData配置與數(shù)據(jù)解耦，即便使用ECharts引擎也不必擔心拼接option的困擾。

8、localdata后端數(shù)據(jù)直接渲染，無需自行拼接chartData的categories及series，從后端拿回的數(shù)據(jù)簡單處理即可生成圖表。

9、小程序端不必擔心包體積過大問題，ECharts引擎將不會編譯到各小程序端，u-charts.js編譯后僅為93kb。

10、未來將支持通過HbuilderX的schema2code自動生成全端全平臺圖表，敬請期待?。?！

11、uCharts官方擁有3個2000人的QQ群支持，龐大的用戶量證明我們一直在努力，本組件將持續(xù)更新，請各位放心使用，本組件問題請在QQ3群反饋，您的寶貴建議是我們努力的動力！！

安裝注意前提條件【版本要求：HBuilderX 3.1.0+】

1、插件市場點擊右側綠色按鈕【使用HBuilderX導入插件】，或者【使用HBuilderX導入示例項目】查看完整示例工程

2、依賴uniapp的vue-cli項目：請將uni-modules目錄復制到src目錄，即src/uni_modules。（請升級uniapp依賴為最新版本）

3、頁面中直接按下面用法直接調用即可，無需在頁面中注冊組件qiun-data-charts

4、注意父元素class='charts-box'這個樣式需要有寬高

v2.5.0 更新內容

秋云圖表組件 修復開啟canvas2d后將series賦值為空數(shù)組顯示加載圖標時，再次賦值后畫布閃動的bug

秋云圖表組件 修復升級hbx最新版后ECharts的highlight方法報錯的bug

uCharts.js 雷達圖新增參數(shù)opts.extra.radar.gridEval，數(shù)據(jù)點位網(wǎng)格抽希，默認1

uCharts.js 雷達圖新增參數(shù)opts.extra.radar.axisLabel， 是否顯示刻度點值，默認false

uCharts.js 雷達圖新增參數(shù)opts.extra.radar.axisLabelTofix，刻度點值小數(shù)位數(shù)，默認0

uCharts.js 雷達圖新增參數(shù)opts.extra.radar.labelPointShow，是否顯示末端刻度圓點，默認false

uCharts.js 雷達圖新增參數(shù)opts.extra.radar.labelPointRadius，刻度圓點的半徑，默認3

uCharts.js 雷達圖新增參數(shù)opts.extra.radar.labelPointColor，刻度圓點的顏色，默認#cccccc

uCharts.js 雷達圖新增參數(shù)opts.extra.radar.linearType，漸變色類型，可選值"none"關閉漸變,"custom"開啟漸變

uCharts.js 雷達圖新增參數(shù)opts.extra.radar.customColor，自定義漸變顏色，數(shù)組類型對應series的數(shù)組長度以匹配不同series顏色的不同配色方案，例如["#FA7D8D", "#EB88E2"]

uCharts.js 雷達圖優(yōu)化支持series.textColor、series.textSize屬性

uCharts.js 柱狀圖中溫度計式圖標，優(yōu)化支持全圓角類型，修復邊框有縫隙的bug，詳見官網(wǎng)【演示】中的溫度計圖表

uCharts.js 柱狀圖新增參數(shù)opts.extra.column.activeWidth，當前點擊柱狀圖的背景寬度，默認一個單元格單位

uCharts.js 混合圖增加opts.extra.mix.area.gradient 區(qū)域圖是否開啟漸變色

uCharts.js 混合圖增加opts.extra.mix.area.opacity 區(qū)域圖透明度，默認0.2

uCharts.js 餅圖、圓環(huán)圖、玫瑰圖、漏斗圖，增加opts.series[0].data[i].labelText，自定義標簽文字，避免formatter格式化的繁瑣，詳見官網(wǎng)【演示】中的餅圖

uCharts.js 餅圖、圓環(huán)圖、玫瑰圖、漏斗圖，增加opts.series[0].data[i].labelShow，自定義是否顯示某一個指示標簽，避免因餅圖類別太多導致標簽重復或者居多導致圖形變形的問題，詳見官網(wǎng)【演示】中的餅圖

uCharts.js 增加opts.series[i].legendText/opts.series[0].data[i].legendText（與series.name同級）自定義圖例顯示文字的方法

uCharts.js 優(yōu)化X軸、Y軸formatter格式化方法增加形參，統(tǒng)一為fromatter:function(value,index,opts){}

uCharts.js 修復橫屏模式下無法使用雙指縮放方法的bug

uCharts.js 修復當只有一條數(shù)據(jù)或者多條數(shù)據(jù)值相等的時候Y軸自動計算的最大值錯誤的bug