作業の進め方
AntV G2 Chartは、@antv/g2 v5を使ったチャート実装に焦点を当てています。生成する例は完全な宣言的仕様から始め、コンテナの不足、誤ったマーク名、単数形のラベルプロパティ、変換の誤配置など、よくある問題点を取り上げます。また、G2の概念や例を対象を絞って調べるための、ドキュメント取得エンドポイントも提供します。
ソースでは、複数マークの構成について特に明確に説明されています。線と点はルートのタイプを繰り返し変更するのではなく、ビューのchildren内に配置します。ビジュアルに関する指針では、エンジンのデフォルトとスキルが選択する上書き値を区別し、単位、データソースのラベル、タイトルは意味が明らかな場合にのみ追加するよう求めています。これはグラフ、ダイアグラムエディター、ピボットテーブル向けの汎用AntVツールではありません。
想定される成果物
- コンテナと描画の設定を含む、完全なG2 v5チャート仕様。
- マーク、エンコーディング、変換、構成の選択を修正したもの。
- ラベル、色の意味、ツールチップ、データの意味について、チャート固有のレビュー。
依頼からレビューまで
- 01データと目的を把握する
フィールド、単位、比較の要件、チャートで答える問いを特定し、不足している意味を勝手に補わないようにします。
- 02関連するリファレンスを取得する
APIやチャートタイプの詳細を確認する必要がある場合は、ドキュメントに記載されたG2取得サービスを使います。
- 03完全な仕様を作成する
有効なマークとチャンネルを選び、変換には配列を使い、オーバーレイはビュー内に構成します。
- 04描画して確認する
対象のコンテナで実際のマーク、ラベル、凡例、テーマ、密集したデータの表示を確認します。