インタラクティブなチャートを行い、このグラフィカルな文法を逃してはなりません

選択された可視化

「百聞は一見にしかずです」最も直感的なデータ視覚化の魅力です。ボーリングの発現よりもはるかに多くを伝え、情報交換とデータ効率チャート。

需要の市場があります。データの可視化を新興した後、機器製品、ソリューション、可視化ツールの開発者の自己開発へのすべてのメーカーは、オペレーティング・プラットフォームが出て開花しています。

選択は異なる特性となり、様々なニーズ;異なる観客は、個人的な選択は異なるだろう。データの可視化必要がありますが、最終的にはツールがどのように選択する:しかし、多くの、多くの開発者や企業の選択は頭痛が可能でしょうか?

ANTV-G2アリババは、2018年オープンソースプロジェクトを立ち上げ、使用とスケーラビリティの容易度の高い視覚的な符号化に基づいているグラフィカル構文の集合です。退屈な実装の詳細に注意を払うことなく、ステートメントは、インタラクティブなチャートの様々な外に構築することができます。それは次の機能があります。

  • 単純な、使いやすい:データから、わずか数行のコードが簡単の効果を示す所望のグラフを達成することができます
  • 視覚的符号化を完了し、データドライバは、グラフィックスデータの完全なマッピングを提供します
  • 強力な拡張性:任意のチャート、あなたが創造性を満たすために柔軟なグラフィックベースの文法を描くことができます

非常に包括的なグラフ作成ライブラリとして、ANTVのG2ライブラリは、折れ線グラフ、棒グラフ、棒グラフ、レーダーチャート、ボックス、エリア、パイ、ヒートマップ、ダッシュボードを持っている... ...ほぼすべての基本的なグラフのクラスを満たします必要があります。

G2_1

さらに、G2は、基本的なチャート使用のWebGL /キャンバスライブラリ技術であり、それはネイティブ環境JSの両方で使用することができ、任意のフレームを使用することも可能でJS。そこBizCharts及びG2 Viserアセンブリフレームベースのパッケージ、角度を使用している場合ので、反応し、VUEは、そのパッケージの構成要素として使用することができ、G2成分が同じ効果である自分の手をパッケージ。

のG2

視覚的なフレームは、4つのコンポーネントが必要です。

  • いくつかのデータ処理方法を含むデータ処理モジュール、データ処理モジュール。例えば:合併、グループ化、ソート、フィルタリング、統計情報を計算します
  • グラフィックの視覚経路にデータをマッピングするためのグラフィカルなマッピングモジュール。たとえば、次のデータが色、位置、大きさ、等にマッピングされます
  • グラフィックディスプレイモジュールは、グラフィックスデータ等グラフィックマーク、点、線、面を表示するかを決定するために使用しました
  • 例えば、データチャネルとビジュアルマッピングとの関係を説明するための補助情報モジュール、:軸、凡例、および他の補助的なテキスト

1

テスト  在数据处理模块上,dataSet主要通过state状态管理多个dataview视图,实现多图联动,或者关联视图。dataView则是对应的是每一个数据源,通过connector来接入不同类型的数据,通过tranform进行数据的转换或者过滤。最后输出我们理想的数据,dataSet是与g2分离的,需要用到的时候可以加载;
テスト  在图形映射模块上,度量 Scale,是数据空间到图形空间的转换桥梁,负责原始数据到 [0, 1] 区间数值的相互转换工作,从原始数据到 [0, 1] 区间的转换我们称之为归一化操作。我们可以通过chart.source或者chart.scale('field', defs)来实现列定义,我们可以在这对数据进行起别名,更换显示类型(time,cat类型等);
テスト  辅助信息,就是标记数据,方便理解数据;
テスト  图形展示chart图表是一个大画布,可以有多个view视图,geom则是数据映射的图形标识,就是指的点,线,面,通过对其操作,从而展示图形。

大体步骤如下:

2

G2 经典新生

目前AntV-G2已更新到3.4版本。通过这次升级,G2往经典的“图形语法”理论注入了新的生命,为大家带来“交互语法” — 一套简洁高效的交互式可视化解决方案。同时,G2的底层渲染进行了升级,实现 SVG 和 Canvas 自由切换。

简洁灵活的交互语法

G2将经典的图形语法理论扩展为“交互语法”,一方面开放 220+ 种交互事件,支持定制最小粒度的图表元素交互,另一方面封装了各类复杂的、常用的交互场景,使丰富灵活的图表交互仅需一行代码实现。

1

渲染引擎自由切换

G2のグラフィックスエンジンは、より多くのビジネスシナリオに対応するために、SVGやキャンバスツインエンジンをサポートするために始めました。ピックアップ、アニメーションパイプライン、及び衝突検出の他の態様では、最適化、G2のグラフィックス機能は、自由より流動的になります。

3
二つの異なるシーンのエンジン性能比較

256回の+ 58回のトライアル

256のプロットと58 +プランビジネスプランのテンプレートで、これも技能試験データG2チャート、より豊かなシーンをユーザに提供しています。

  • 計画256のプロットすることにより、G2は、古典的なチャートd3.js、R言語コミュニティ、検査に挑戦し、更新G2フレームのグラフィックス機能を刺激します。

4_jpeg

  • ベースライン、コラム、円グラフ空の転換、その後、放射線へのより複雑なシナリオファセット、ミニマップなどから事業の実際のビジネスから、58の+テンプレートは、より良いユーザーは理想的な可視化ソリューションを見つけることができます。

2

データ視覚化DataV

ANTV-G2の機能は、パワフルながら、しかし、ビジネスの企業に直接適用ボックスのうち必要性のために、可視化からも成熟した製品を欠いています。幸いなことに、アリクラウド.DataVデータ視覚化完璧には、このような役割を担います。DataVは、単にデータ接続を使用して、操作をドラッグ&ドロップし、ビジュアルコンポーネントライブラリ、工業デザインテンプレートライブラリ、マルチターミナルアダプタおよび運用・保守に公開され、他の機能は、視覚的なデータ値に迅速に非専門的な人材を作ることができます伝えます。

ANTV-G2:DataVは、2つの主要な国内および外部のサードパーティのチャートコンポーネントライブラリ--Echarts、今日の主役があり、豊富なグラフ作成ライブラリを持っています。強力なグラフ作成ライブラリのサポートのもと、DataVは、複合グラフを行うには、任意の自由を視覚的にページの様々を作成することができます。

_


ご質問がある、我々は開発者のグループディスカッションとインテリジェントなデータのやり取りに歓迎します。

一つ:デジタル交換基に検索爪:23116044
II:二次元コード走査交換基に釘。
テスト

おすすめ

転載: yq.aliyun.com/articles/704650