這篇文章主要介紹“Apache ECharts5有什么功能”，在日常操作中，相信很多人在Apache ECharts5有什么功能問(wèn)題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”Apache ECharts5有什么功能”的疑惑有所幫助！接下來(lái)，請(qǐng)跟著小編一起來(lái)學(xué)習(xí)吧！

創(chuàng)新互聯(lián)建站10多年企業(yè)網(wǎng)站建設(shè)服務(wù);為您提供網(wǎng)站建設(shè),網(wǎng)站制作,網(wǎng)頁(yè)設(shè)計(jì)及高端網(wǎng)站定制服務(wù),企業(yè)網(wǎng)站建設(shè)及推廣,對(duì)成都門窗定制等多個(gè)領(lǐng)域擁有豐富的網(wǎng)站推廣經(jīng)驗(yàn)的網(wǎng)站建設(shè)公司。

Apache ECharts 一直非常重視無(wú)障礙設(shè)計(jì)，我們希望讓視覺(jué)障礙人士也能平等了解圖表傳遞的信息。并且也希望圖表的開(kāi)發(fā)者能以極低的開(kāi)發(fā)成本實(shí)現(xiàn)這一點(diǎn)，因而有利于讓開(kāi)發(fā)者更愿意為視覺(jué)障礙人士提供支持。在上一個(gè)大版本中，我們支持了根據(jù)不同的圖表類型和數(shù)據(jù)自動(dòng)一鍵智能生成圖表描述的功能，幫助開(kāi)發(fā)者非常方便地支持圖表的 DOM 描述信息。

在 ECharts 5 中，我們?cè)谠O(shè)計(jì)默認(rèn)主題樣式的時(shí)候，將無(wú)障礙設(shè)計(jì)作為一個(gè)重要的考量依據(jù)，并且針對(duì)有更進(jìn)一步無(wú)障礙需求的開(kāi)發(fā)者，我們提供了特殊的高對(duì)比度主題。此外，ECharts 5 還新增提供了貼花的功能，用圖案輔助顏色表達(dá)，幫助色覺(jué)辨識(shí)障礙人士區(qū)分?jǐn)?shù)據(jù)。

無(wú)障礙設(shè)計(jì)

主題配色

為了滿足無(wú)障礙的需求，我們?cè)谠O(shè)計(jì)主題配色時(shí)，不僅要考慮選擇的顏色和調(diào)整顏色順序。還需要對(duì)顏色的明度和色值都進(jìn)行反復(fù)測(cè)試，這是我們這個(gè) light 模式配色的色盲顏色測(cè)試結(jié)果。我們盡力幫助存在各種色弱、色盲障礙的用戶可以清楚的無(wú)阻礙的識(shí)別圖表數(shù)據(jù)。

除了默認(rèn)的兩種主題配色，我們還提供了一種高對(duì)比主題配色方案。

看到這個(gè)主題配色時(shí)，你可能會(huì)感覺(jué)眼部不適，其實(shí)這個(gè)主題我們是專門針對(duì)一些色弱和光敏的特殊場(chǎng)景和群體而設(shè)計(jì)的，因?yàn)樗麄儗?duì)顏色的區(qū)分能力較弱，所以需要最大限度的增強(qiáng)顏色的對(duì)比度才能辨識(shí)。右側(cè)是使用高對(duì)比度之后的echarts 圖表，通過(guò)顏色增強(qiáng)的對(duì)比度，可以更加突出圖表主體，提高圖表的可讀性。

我們?cè)趺幢ＷC起對(duì)比度合格呢，首先我們使用 Web AIM 的測(cè)試，保證每個(gè)顏色和黑色背景的對(duì)比度都大于4.5，這個(gè)標(biāo)準(zhǔn)已經(jīng)達(dá)到了 WCAG 2.0 等級(jí)，即可以清楚地識(shí)別普通文本的對(duì)比度，那這個(gè)對(duì)比度在圖表上也都是完全清晰可識(shí)別的。

另外我們相鄰的兩個(gè)顏色都選用了上一個(gè)顏色的補(bǔ)色，在色相上做出最大的區(qū)分。然后再反復(fù)調(diào)整，保證顏色搭配方案對(duì)色盲用戶友好沒(méi)有顏色沖突，這樣的配色方案使得不同視覺(jué)障礙的用戶群體都可以清楚識(shí)別的。

開(kāi)發(fā)者也可以通過(guò)使用高對(duì)比度主題，配合更大的字號(hào)，幫助有嚴(yán)重視力問(wèn)題的老年群體看清圖表內(nèi)容，提供更好的適老化體驗(yàn)。

貼花圖案

貼花，原本是一種印刷技術(shù)，在計(jì)算機(jī)圖形學(xué)中，我們借用這個(gè)概念，表示一種將圖片繪制到物體表面的貼圖技術(shù)。Apache ECharts 再次借用了這個(gè)概念，在圖表數(shù)據(jù)本身的顏色之外，貼了一層圖案，用來(lái)增加數(shù)據(jù)之間的辨識(shí)度。

以餅圖為例，這里每個(gè)扇形區(qū)默認(rèn)使用了不同的顏色表示不同的數(shù)據(jù)內(nèi)容。剛才叮叮介紹了我們的默認(rèn)主題色已經(jīng)充分考量了無(wú)障礙的兼容性需求，但是如果我們希望數(shù)據(jù)之間的區(qū)分更為明顯，而不僅僅是用顏色去區(qū)分，那么貼花圖案就是一種很有效的方式。

作為顏色的輔助表達(dá)，貼花圖案可以幫助色覺(jué)辨識(shí)障礙人士區(qū)分?jǐn)?shù)據(jù)，提供更好的無(wú)障礙訪問(wèn)體驗(yàn)。而對(duì)于開(kāi)發(fā)者來(lái)說(shuō)，這些默認(rèn)貼花的開(kāi)啟只需要一個(gè)配置項(xiàng)，就能為不同數(shù)據(jù)指定不同的圖案，當(dāng)然，你也可以用我們的配置項(xiàng)對(duì)圖案的樣式進(jìn)行定制。

此外，貼花圖案還能用于報(bào)紙、書(shū)籍之類只有單色或較少顏色的媒介，用以區(qū)分?jǐn)?shù)據(jù)。在這個(gè)例子中，我們只用了黑白兩色，就能清楚地區(qū)分多個(gè)系列，讓我們?cè)趫?bào)紙書(shū)籍中也能無(wú)障礙范圍圖表內(nèi)容。

貼花圖案還可以用來(lái)幫助更直觀地理解數(shù)據(jù)，比如這個(gè)例子用了不同水果的圖案作為對(duì)應(yīng)數(shù)據(jù)的貼花，可以讓看到圖表的人在第一眼就能快速理解數(shù)據(jù)。這里的圖案是傳入了 SVG 路徑，當(dāng)然，你也可以指定自定義的圖片作為貼花圖案。

靈活的配置項(xiàng)使得我們可以創(chuàng)造出各種圖案，感興趣的朋友可以閱讀相關(guān)的配置項(xiàng)手冊(cè)了解具體的信息。

社區(qū)建設(shè)

除了產(chǎn)品本身的優(yōu)化升級(jí)，社區(qū)的蓬勃發(fā)展也是我們非常關(guān)注的方面。

健康的社區(qū)可以幫助項(xiàng)目更穩(wěn)定地發(fā)版，讓開(kāi)發(fā)者的問(wèn)題更快地得到修復(fù)，對(duì)項(xiàng)目的長(zhǎng)期發(fā)展是一件非常重要的事。為了幫助更多開(kāi)發(fā)者加入貢獻(xiàn)者的行列，我們進(jìn)一步完善了文檔，指導(dǎo)開(kāi)發(fā)者如何一步步由淺入深地參與社區(qū)貢獻(xiàn)；引導(dǎo)提出問(wèn)題的開(kāi)發(fā)者嘗試修改源碼從而更高效地解決自己的問(wèn)題；在 pull request 中悉心指導(dǎo)開(kāi)發(fā)者如何改善他們的代碼等等……這些努力也確實(shí)降低了參與社區(qū)貢獻(xiàn)的門檻，讓更多開(kāi)發(fā)者愿意并且能夠參與到項(xiàng)目貢獻(xiàn)，甚至項(xiàng)目決策中。在 Apache 孵化期間，我們新發(fā)展了 10 位 Committer 和 3 位孵化管理委員會(huì)成員，也真誠(chéng)地歡迎更多有志于此的開(kāi)發(fā)者加入我們。

很多人可能覺(jué)得給一個(gè)這么多人使用的項(xiàng)目做貢獻(xiàn)是一件很難的事，但在 Apache 軟件基金會(huì)看來(lái)，所有形式的貢獻(xiàn)都是值得鼓勵(lì)的，如果你覺(jué)得提 pull request 的門檻比較高，也可以從報(bào) bug、在 issue 中解答別人的問(wèn)題、修改文檔中的錯(cuò)別字這些門檻相對(duì)更低的事做起，各種形式的幫助都可以作為對(duì)項(xiàng)目的貢獻(xiàn)。經(jīng)過(guò)一定時(shí)間的積累，當(dāng)管理委員會(huì)成員認(rèn)為你會(huì)長(zhǎng)期對(duì)項(xiàng)目有所貢獻(xiàn)，就會(huì)邀請(qǐng)你成為一名 Committer。

到此，關(guān)于“Apache ECharts5有什么功能”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請(qǐng)繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)?lái)更多實(shí)用的文章！

本文題目：ApacheECharts5有什么功能
URL標(biāo)題：http://jinyejixie.com/article24/ijgjce.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供營(yíng)銷型網(wǎng)站建設(shè)、做網(wǎng)站、網(wǎng)站收錄、網(wǎng)站導(dǎo)航、企業(yè)網(wǎng)站制作、云服務(wù)器

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)