ECharts チュートリアル
ECharts は JavaScript で実装されたオープンソースの可視化ライブラリであり、さまざまな業界のチャートをカバーし、さまざまなニーズを満たします。
ECharts は豊富なチャートタイプとインタラクティブ機能を提供しており、ユーザーは簡単な設定でさまざまなチャートを生成できます。折れ線グラフ、棒グラフ、散布図、円グラフ、レーダーチャート、地図などを含みますが、これらに限定されません。
ECharts は Apache-2.0 オープンソースライセンスに従い、商用利用は無料です。
ECharts は現在のほとんどのブラウザ（IE8/9/10/11、Chrome、Firefox、Safariなど）と互換性があり、さまざまなデバイスにも対応しているため、いつでもどこでも自由に表示できます。
このチュートリアルを読む前に、知っておくべき知識：
このチュートリアルを読むには、以下の基礎知識が必要です：
最初の ECharts インスタンス
インスタンス
試してみる »
「試してみる」ボタンをクリックしてオンラインインスタンスを表示します
ECharts の特徴
ECharts には以下の特徴があります：
-
豊富な可視化タイプ通常の折れ線グラフ、棒グラフ、散布図、円グラフ、ローソク足チャート、統計用の箱ひげ図、地理データ可視化用の地図、ヒートマップ、線グラフ、関係データ可視化用の関係グラフ、treemap、サンバーストチャート、多次元データ可視化の平行座標、さらに BI 用のファネルチャート、ゲージを提供し、チャート同士の混在もサポートしています。
-
多様なデータ形式を変換せずに直接使用可能: 組み込みの dataset 属性（4.0+）は、二次元テーブルや key-value など多様な形式のデータソースを直接渡すことをサポートし、さらに TypedArray 形式のデータ入力もサポートしています。
-
数千万データのフロントエンド表示: 増分レンダリング技術（4.0+）とさまざまな細かな最適化により、ECharts は千万件レベルのデータ量を表示できます。
-
モバイル端末の最適化: モバイル端末のインタラクションに細かな最適化を施しています。例えば、モバイル端末の小さい画面では指を使って座標系内でズームやパンができます。PC でもマウスを使って図をズーム（マウスホイール）したりパンしたりできます。
-
複数のレンダリング方式、クロスプラットフォームで使用可能: Canvas、SVG（4.0+）、VML の形式でのチャートレンダリングをサポートしています。
-
高度なインタラクティブデータ探索: 凡例、ビジュアルマッピング、データ領域ズーム、ツールチップ、データのブラシ選択など、すぐに使えるインタラクティブコンポーネントを提供し、多次元のデータフィルタリング、ビュー拡大縮小、詳細表示などのインタラクティブ操作が可能です。
-
多次元データのサポートと豊富な視覚エンコーディング手段: 従来の散布図などでは、渡すデータも多次元にすることができます。
-
動的データ: データの変更がチャート表示の変更を引き起こします。
-
華麗なエフェクト: 線データや点データなどの地理データの可視化に、目を引くエフェクトを提供します。
-
GL により、より強力で華麗な三次元可視化を実現: VRや大画面シーンで三次元の可視化効果を実現します。
アクセシビリティ（4.0+）: チャートの設定項目に基づいて自動的に説明をスマート生成し、視覚障がい者が読み上げデバイスの助けを借りてチャートの内容を理解できるようにし、より多くの人々がチャートにアクセスできるようにします！