コース概要

導入

EChartsの概要と用途、特徴

インストールとセットアップ ECharts

ECharts で最初の簡単なチャートを描画する

  • ホスト DOM のセットアップ Element
  • ECharts インスタンスの初期化
  • 単純な棒グラフの作成

ECharts のカスタム ビルドの作成

グラフ スタイルのカスタマイズ: ナイチンゲール ローズ円グラフの描画、テーマの設定、背景とテキストのスタイル設定、影の追加

ECharts でさまざまな軸タイプを調べる

ECharts のさまざまなグラフ タイプの操作

チャートのカスタマイズ: ECharts で利用可能なチャート オプションを試してみる

ECharts でのデータの非同期的なロードと更新

簡易ロードAnimationとエフェクトの実装ECharts

ECharts の動的データ更新の実装

ECharts のデータセット コンポーネントの操作

ECharts のグラフにさまざまなインタラクション コンポーネントを追加する

ECharts によるモバイル対応チャートの実装

ECharts のビジュアル マップ コンポーネントを使用したデータのビジュアル マッピング

ECharts のイベントとアクションの操作

ECharts のチャートへの基本的なドラッグ機能の実装

ECharts のカスタム シリーズの操作

ECharts でのリッチ テキストの使用

要約と結論

要求

  • ProgrammingJavaScriptの使用経験
 14 時間

参加者の人数



Price per participant

お客様の声 (6)

関連コース

関連カテゴリー