国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

阿里巴巴圖表庫 Bizcharts 正式開源

Yangder / 3509人閱讀

摘要：寫在前面阿里巴巴于去年開放了它的內(nèi)部圖表庫初版，在這一年的時間里，新增了許多特性，并對渲染細節(jié)及渲染性能進行大幅度的調(diào)優(yōu)。在阿里內(nèi)部多個部門多條業(yè)務線里反復打磨了兩年之久后，于去年年底對外開源。

寫在前面

阿里巴巴于去年開放了它的內(nèi)部圖表庫 Bizcharts 初版，在這一年的時間里，Bizcharts 新增了許多特性，并對渲染細節(jié)及渲染性能進行大幅度的調(diào)優(yōu)。

本文將簡單的介紹阿里開源圖表庫 Bizcharts，主要分為以下幾個方面：

它的由來

適合什么業(yè)務場景？

如何使用？

未來的規(guī)劃

它的由來？

目前阿里基本上絕大部分業(yè)務的前端用的都是 React 技術(shù)棧，而在業(yè)務場景中又經(jīng)常會有圖表繪制的需求，所以一個 基于 React 技術(shù)棧的圖表庫 就顯得非常必要，而在阿里內(nèi)部又有像 G2 這樣非常強大的圖表底層引擎，所以在該引擎之上做一層封裝是一件很自然而然的事情，而 Bizcharts 就是基于 G2 引擎的 React 版本的封裝。

Bizcharts 的語法設計非常貼切 React 的使用方式，圖表的各個部分都拆分成了獨立的 React 類，如： 代表提示信息， 代表坐標軸。 所有圖表的配置項皆為組件的 props 。

Bizcharts 在最新的 3.x 版本中，支持 Canvas 及 SVG 兩種模式的圖表渲染。如果單就圖表庫的視角來看，選擇 Canvas 和 SVG 各有千秋，Bizcharts 兩種方式都支持，適用于各種復雜的業(yè)務場景。

Bizcharts 在阿里內(nèi)部多個部門多條業(yè)務線里反復打磨了兩年之久后，于去年年底對外開源。在開源的半年時間里，做了大量的迭代優(yōu)化，現(xiàn)在功能及性能已經(jīng)做了大量的優(yōu)化，非常推薦在正式環(huán)境使用。

適合什么業(yè)務場景？

阿里內(nèi)部的業(yè)務非常復雜：電商業(yè)務，后臺系統(tǒng)，業(yè)務大屏等等，這些業(yè)務對圖表都有大量定制化的需求，并非簡單的折線圖柱狀圖就能滿足，這也決定了 Bicharts 其中一個特性：支持自由定制化。同時，上文也介紹了阿里 95% 以上的業(yè)務前端用的都是 React 技術(shù)棧，所以總的來說 Bizcharts 適用的業(yè)務場景是『使用React 技術(shù)棧并有圖表繪制需求場景』，從這個角度來說，Bizcharts 適用的業(yè)務場景是非常廣的。相較于 Echarts 圖表框架的高度封裝，Bizcharts 能滿足更多業(yè)務定制化需求。

如何使用？

Bizcharts 的 API 為 React 量身定制，使用起來就像搭積木的感覺一般。下面我們以畫一個基礎(chǔ)的柱狀圖為例講解：

import React from "react";
import ReactDOM from "react-dom";
import { Chart, Geom, Axis, Tooltip, Legend, Coord } from "bizcharts";

// 數(shù)據(jù)源
const data = [
  { genre: "Sports", sold: 275, income: 2300 },
  { genre: "Strategy", sold: 115, income: 667 },
  { genre: "Action", sold: 120, income: 982 },
  { genre: "Shooter", sold: 350, income: 5271 },
  { genre: "Other", sold: 150, income: 3710 }
];

// 定義度量
const cols = {
  sold: { alias: "銷售量" }, // 數(shù)據(jù)字段別名映射
  genre: { alias: "游戲種類" }
};

// 渲染圖表
ReactDOM.render((
  
    {/* X 軸 */}
    
    {/* Y 軸 */}
    
    
    
    
  
), document.getElementById("mountNode"));

下圖是上述代碼片段的渲染結(jié)果：

圖表的每一塊都是一個組件，需要什么就加什么，使用起來非常方便，再也不用擔心產(chǎn)品經(jīng)理需求實現(xiàn)不了了。

未來的規(guī)劃

Bizcharts 本身自帶了大量的 Demo，可以滿足絕大部分的通用使用場景，使用的時候，只需要把 Demo 中的數(shù)據(jù)替換成自己業(yè)務中的數(shù)據(jù)即可，但即便如此，也無法完全覆蓋到高度定制化的場景。當然，使用 Bizcharts 的用戶可以通過查閱 官網(wǎng) API 文檔
來實現(xiàn)需求，但這樣無形中加大了用戶的學習成本。因為可能整個網(wǎng)站上只有一個簡單的折現(xiàn)圖，而且時間非常緊，需要快速實現(xiàn)，這個時候讓用戶去學習一個類庫/框架的使用是非常蛋疼的。

根據(jù)上述情況，Bizcharts 接下來會推出一款產(chǎn)品：Chartmaker。簡單來講，它能夠幫助你可視化的配置出你想要的圖表：所見即所得，同時還能輸出代碼。有了 Chartmaker 后，就能夠幫助數(shù)據(jù)可視化小白用戶快速的實現(xiàn)自己想要的圖表，無任何學習成本。目前 Chartmaker 正在緊張的開發(fā)中，預計十月初對外開放。

寫在最后

Bizcharts 目前處于快速發(fā)展中，非常歡迎給項目提 Pull Request。對于那些已經(jīng)在項目中使用到 Bizcharts 或準備使用 Bizcharts 的同學，請掃描我們下面的官方群釘釘二維碼，使用過程中碰到的問題我們會第一時間幫忙解決：

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/97170.html

相關(guān)文章

  • Iceworks 2.7.0 發(fā)布，海量圖表供你選擇

    摘要：發(fā)布，海量圖表供你選擇，豐富模板一鍵創(chuàng)建，提供多種垂直領(lǐng)域模板，快速創(chuàng)建項目，支持風格切換，滿足個性化需求輕松操作頁面管理，海量物料自由搭配，頁面組合可視化操作更得心應手開發(fā)調(diào)試一體化，集成運行環(huán)境零配置運行，開箱即用。 Iceworks 2.7.0 發(fā)布，海量圖表供你選擇 Iceworks，豐富模板一鍵創(chuàng)建，提供多種垂直領(lǐng)域模板，快速創(chuàng)建項目，支持風格切換，滿足個性化需求；輕松操作頁...

    gitmilk 評論0 收藏0

  • Iceworks 2.7.0 發(fā)布，海量圖表供你選擇

    摘要：發(fā)布，海量圖表供你選擇，豐富模板一鍵創(chuàng)建，提供多種垂直領(lǐng)域模板，快速創(chuàng)建項目，支持風格切換，滿足個性化需求輕松操作頁面管理，海量物料自由搭配，頁面組合可視化操作更得心應手開發(fā)調(diào)試一體化，集成運行環(huán)境零配置運行，開箱即用。 Iceworks 2.7.0 發(fā)布，海量圖表供你選擇 Iceworks，豐富模板一鍵創(chuàng)建，提供多種垂直領(lǐng)域模板，快速創(chuàng)建項目，支持風格切換，滿足個性化需求；輕松操作頁...

    ymyang 評論0 收藏0

  • 三大圖表庫：ECharts 、 BizCharts 和 G2，該如何選擇？

    摘要：最近阿里正式開源的圖表庫基于技術(shù)棧，各個圖表項皆采用了組件的形式，貼近的使用特點。相關(guān)文檔組件化阿里的圖表組件手拉手，用開發(fā)動態(tài)刷新組件文檔地址一安裝通過引入二引用成功安裝完成之后，即可使用或進行引用。最近阿里正式開源的BizCharts圖表庫基于React技術(shù)棧，各個圖表項皆采用了組件的形式，貼近React的使用特點。同時BizCharts基于G2進行封裝，Bizcharts也繼承了G2相...

    draveness 評論0 收藏0

  • [BizCharts學習筆記] --- 數(shù)據(jù)可視化

    摘要：所以筆者選擇了，為什么會選擇一是因為它是阿里出品，經(jīng)歷了一年左右的打磨已經(jīng)完全適應在使用其次是它支持自由定制，不會像那樣高度封裝，所以在開發(fā)復雜圖表的時候會更加得心應手。只是阿里圖表庫中的一員。 實際上，在數(shù)據(jù)可視化這一塊筆者并沒有很多的開發(fā)經(jīng)歷和經(jīng)驗，不過正是因為這個問題筆者才決定學習一門數(shù)據(jù)可視化框架來彌補自己在這一方面的不足。在這個大數(shù)據(jù)統(tǒng)治的時代，數(shù)據(jù)能給我們提供前所未有的便捷...

    CoffeX 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<