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

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

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

2、提供強(qiáng)大的在線配置生成工具，可視化中的可視化，鼠標(biāo)點(diǎn)一點(diǎn)就可以生成圖表，可視化從此不再難配。

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

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

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

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

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

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

9、小程序端不必?fù)?dān)心包體積過(guò)大問(wèn)題，ECharts引擎將不會(huì)編譯到各小程序端，u-charts.js編譯后僅為93kb。

10、未來(lái)將支持通過(guò)HbuilderX的schema2code自動(dòng)生成全端全平臺(tái)圖表，敬請(qǐng)期待！??！

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

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

1、插件市場(chǎng)點(diǎn)擊右側(cè)綠色按鈕【使用HBuilderX導(dǎo)入插件】，或者【使用HBuilderX導(dǎo)入示例項(xiàng)目】查看完整示例工程

2、依賴uniapp的vue-cli項(xiàng)目：請(qǐng)將uni-modules目錄復(fù)制到src目錄，即src/uni_modules。（請(qǐng)升級(jí)uniapp依賴為最新版本）

3、頁(yè)面中直接按下面用法直接調(diào)用即可，無(wú)需在頁(yè)面中注冊(cè)組件qiun-data-charts

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

v2.5.0 更新內(nèi)容

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

秋云圖表組件 修復(fù)升級(jí)hbx最新版后ECharts的highlight方法報(bào)錯(cuò)的bug

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

uCharts.js 修復(fù)橫屏模式下無(wú)法使用雙指縮放方法的bug

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