機能
Apache EChartsTMは、PCとモバイルデバイスでスムーズに動作するオープンソースのJavaScript可視化ツールです。IE9/10/11、Chrome、Firefox、Safariなど、ほとんどの最新のWebブラウザと互換性があります。EChartsは、直感的でインタラクティブで高度にカスタマイズ可能なチャートを作成するために、グラフィックレンダリングエンジンであるZRenderに依存しています。
豊富なチャートの種類
EChartsがサポートする基本的なチャートの種類には、折れ線グラフ、棒グラフ、散布図、円グラフ、統計用のローソク足チャート、ボックスプロット、地図、ヒートマップ、方向情報を示すラインシリーズ、関係性を示すグラフシリーズ、ツリーマップ、サンバーストチャート、多次元データ用のパラレルチャート、ファネルチャート、ゲージチャートなどがあります。そして、EChartsではこれらの組み合わせを非常に簡単に作成できます。
組み込みのチャートタイプに加えて、EChartsはユーザーが特定のチャートタイプを作成するためのカスタムシリーズも提供しています。これを使用するには、renderItemという名前のコールバック関数に渡して、データに応じて描画するグラフィック要素を返すだけです。さらに良いことに、既存のEChartsコンポーネントと連携でき、それらとのインタラクションを心配する必要はありません。
デフォルトのパッケージサイズが大きすぎる場合は、必要なチャートタイプとコンポーネントを選択して、オンラインビルダーからダウンロードできます。
複数のデータ形式に対応
ECharts v4.0以降の組み込みdataset属性は、二次元テーブル、キーバリューオブジェクトなどのデータ形式をサポートしています。データからグラフィックへのマッピングは、encode属性で簡単に設定できます。これは、チャートを開発する際に、より直感的な考え方であり、開発者はデータ変換ステップの記述に多くの時間を節約できます。さらに、異なるコンポーネントがデータの一部を共有できるため、メモリを節約できます。
EChartsはTypedArrayをサポートしており、配列よりもメモリ消費量が少なく、ガベージコレクションに優しいです。大量データの可視化には、TypedArrayを使用してパフォーマンスを向上させることをお勧めします。
数千万件のウェブデータの可視化
v4.0以降の増分レンダリング技術とあらゆる面での最適化により、EChartsは数千万件のデータの可視化を表示できます。さらに、拡大縮小や変換などのインタラクションもスムーズです。
数千万件のデータは通常、数百MB以上のメモリを消費します。EChartsはv4.0以降、ストリーミングデータ機能を提供しており、WebSocketからロードされたデータと同じ量のデータをレンダリングできます。レンダリングを開始するために、すべてのデータの読み込みを待つ必要はありません。
モバイル最適化
EChartsは、小さな画面で指を使って座標系をズームやパンするなど、モバイルインタラクションのために慎重に最適化されています。PCユーザーもマウスホイールを使って同じインタラクションを行うことができます。
きめ細かいモジュール性とパッケージングメカニズムにより、EChartsはモバイルでのパッケージサイズを小さくすることができ、オプションのSVGレンダリングエンジンにより、モバイルのメモリコストを大幅に削減できます。
マルチレンダリングソリューションとクロスプラットフォームサポート
EChartsは、Canvas、SVG（v4.0+）、およびVMLの形式でチャートをレンダリングすることをサポートしています。VMLはIEの下位バージョンと互換性があります。SVGはモバイルでのメモリコストを削減します。Canvasは、大量データの可視化と特殊なレンダリング効果を容易に処理できます。さまざまなレンダリング方法により、より多くの選択肢が提供され、EChartsはさまざまなシナリオでより優れたパフォーマンスを発揮します。
PCとモバイルブラウザに加えて、EChartsはNodeで効率的なサーバーサイドレンダリング（SSR）のためにnode-canvasでも使用できます。また、EChartsはv4.0以降微信ミニプログラムをサポートしています。
コミュニティの貢献者も、さまざまな言語の拡張機能を数多く提供してくれています。例えば、Python用のpyecharts、R用のecharty、Julia用のECharts.jlなどがあります。
プラットフォームや言語が、誰もがEChartsを可視化に使用することを制限するものではないことを願っています！
詳細なインタラクティブデータ探索
インタラクションは、データから情報を掘り出すための重要な手段です。まず概要を把握し、必要に応じてズームフィルタリングして詳細を表示することは、データ可視化インタラクションの基本的な要件です。
EChartsはインタラクションの道を歩んできました。私たちは凡例、視覚マップ、データズーム、ツールチップ、ブラシなどのすぐに使えるインタラクティブコンポーネントを提供しており、多次元データのスクリーニング、ビューのズーム、データの詳細表示などのインタラクティブ操作を実行できます。
多次元データサポートと豊富な視覚コーディング
ECharts 3は、多次元データのサポートを強化し始めました。平行座標などの一般的な多次元データ可視化ツールに加えて、従来の散布図など、入力データも多次元にすることができます。視覚マッピングコンポーネントvisualMapによって提供される豊富な視覚コーディングにより、異なる次元のデータを色、サイズ、透明度、シェーディングなどにマッピングすることが可能です。異なる視覚チャネル。
動的データ
EChartsはデータによって駆動され、データの変化がチャートの変化を促します。そのため、動的データの実装は非常に簡単になり、データを取得してデータを入力するだけで、EChartsは2つのデータセットの違いを見つけて、適切なアニメーションを使用してデータの変化を表します。タイムラインコンポーネントは、より高い時間次元でデータ情報を提示できます。
特殊効果
EChartsは、ラインデータやポイントデータなどの地理データの可視化に目を引く効果を提供します。
GLを使用したより強力で美しい3D可視化
VR、大画面シーンで3D可視化を実現したいですか？WebGLベースのECharts GLを提供しています。ECharts GLを使用すると、EChartsの一般的なコンポーネントと同じくらい簡単に、3D地球、建物、人口分布ヒストグラムを描くことができます。さらに、設定項目も提供しているため、数行の設定で芸術的な結果を得ることができます！
アクセシビリティ
可視化について話すとき、私たちは自然と視覚と結びつけがちですが、それは一方的です。W3Cは、アクセシブルリッチインターネットアプリケーションスイート（WAI-ARIA）を開発しました。これは、障害のある人々を含むより多くの人々がウェブコンテンツとウェブアプリケーションにアクセスできるようにすることを目的としています。
ECharts 4.0はこの仕様に準拠しており、チャート設定項目に基づいて説明を自動生成することをサポートしているため、視覚障害のある人が読書デバイスの助けを借りてチャートの内容を理解できるようになり、より多くの人がチャートにアクセスできるようになりました！