最も人気のあるチャート エンジン ECharts を使用して、e コマース プラットフォームのデータを表示します

• 章1 第一章
• 1-1 コース紹介
• 1-2 プロジェクトのデモンストレーション
• 1-3 データ視覚化の概念
• 1-4 ECharts の概要
• 1-5 ECharts をすぐに始めましょう
• 1-6 関連する設定項目の説明
• 1-7 棒グラフの基本的な実装と一般的な効果
• 1-8 一般的な設定_タイトル関連の設定
• 1-9 一般構成_ツールチップ関連の構成
• 1-10 一般構成_ツールボックス関連の構成
• 章2 第2章
• 2-1 一般構成_凡例関連の構成
• 2-2 折れ線グラフの基本的な実装
• 2-3 折れ線グラフの一般的な効果 1
• 2-4 折れ線グラフの一般的な効果 2
• 2-5 散布図の基本的な実装
• 2-6 散布図の一般的な効果
• 2-7 直交座標系の共通構成グリッド
• 2-8 直交座標系の共通構成軸
• 2-9 一般的に使用される直交座標系の構成
• 章3 第三章
• 3-1 円グラフの基本的な実装
• 3-2 円グラフの一般的な効果
• 3-3 マップの基本的な実装と一般的な構成
• 3-4 共通マップ効果_州の地図を表示
• 3-5 共通マップ効果_大気質を表示
• 3-6 マップの一般的な効果_マップと散布図の組み合わせ
• 3-7 レーダーチャートの導入
• 3-8 ダッシュボードの実装
• 3-9 ECharts の基本の概要
• 3-10 テーマの使用法
• 章4 第四章
• 4-1 カラーパレットとカラーグラデーション
• 4-2 ダイレクト スタイルとハイライト スタイルの使用
• 4-3 チャート適応の実装
• 4-4 チャート読み込みアニメーションの実装
• 4-5 チャートインクリメンタルアニメーションの説明
• 4-6 チャートアニメーションの設定項目
• 4-7 グローバル ECharts オブジェクトの共通メソッド 1
• 4-8 グローバル ECharts オブジェクトの共通メソッド 2
• 4-9 echartsInstance オブジェクトの共通メソッド 1
• 4-10 echartsInstance オブジェクト 2 の共通メソッド
• 章5 第五章
• 5-1 ECharts の詳細な概要
• 5-2 Koa2 の概要
• 5-3 Koa2 をすぐに使い始める
• 5-4 Koa2ミドルウェアの特徴
• 5-5 バックエンドプロジェクト_プロジェクトの準備
• 5-6 バックエンドプロジェクト_ミドルウェアの開発に総時間かかる
• 5-7 バックエンドプロジェクト_レスポンスヘッダーミドルウェアの開発
• 5-8 バックエンドプロジェクト_ビジネスロジックミドルウェア開発
• 5-9 バックエンドプロジェクト_クロスドメイン構成
• 5-10 フロントエンドプロジェクト_プロジェクトの作成と準備
• 章6 第6章
• 6-1 フロントエンドプロジェクト_マーチャント売上統計_コンポーネント構造とレイアウト構造
• 6-2 フロントエンドプロジェクト_加盟店売上統計_チャート基本機能
• 6-3 フロントエンドプロジェクト_加盟店売上統計_動的リフレッシュの実装
• 6-4 フロントエンドプロジェクト_加盟店売上統計_UI調整1
• 6-5 フロントエンドプロジェクト_加盟店売上統計_UI調整2
• 6-6 フロントエンドプロジェクト_マーチャント売上統計_分割オプション
• 6-7 フロントエンドプロジェクト_マーチャント売上統計_解像度の適応
• 6-8 フロントエンドプロジェクト_売上推移グラフ_一般的なコード構造
• 6-9 フロントエンドプロジェクト_売上推移グラフ_基本グラフの表示
• 6-10 フロントエンドプロジェクト_売上推移グラフ_UI調整
• 章7 第 7 章
• 7-1 フロントエンドプロジェクト_売上推移グラフ_スイッチングチャートの実装
• 7-2 フロントエンドプロジェクト_売上推移グラフ_解像度の適応
• 7-3 フロントエンドプロジェクト_加盟店マップ配布_表示マップ1
• 7-4 フロントエンドプロジェクト_加盟店マップ配信_表示マップ2
• 7-5 フロントエンドプロジェクト_加盟店マップ配布_散布点表示
• 7-6 フロントエンドプロジェクト_加盟店マップ配信_UI調整
• 7-7 フロントエンドプロジェクト_マーチャントマップ配布_解像度適応
• 7-8 フロントエンドプロジェクト_加盟店マップ配信_マップクリック効果
• 7-9 フロントエンドプロジェクト_売上ランキングチャート_基本チャートの表示
• 7-10 フロントエンドプロジェクト_売上順位表_UI調整
• 章8 第八章
• 8-1 フロントエンドプロジェクト_売上ランキングチャート_翻訳アニメーション効果
• 8-2 フロントエンドプロジェクト_売上ランキングチャート_解像度適応
• 8-3 フロントエンドプロジェクト_売れ筋商品の割合_基本グラフの表示
• 8-4 フロントエンドプロジェクト_売れ筋商品比率_データ切り替え
• 8-5 フロントエンドプロジェクト_売れ筋商品比率_UI調整
• 8-6 フロントエンドプロジェクト_売れ筋商品の割合_解像度適応
• 8-7 フロントエンドプロジェクト_在庫販売モジュール_基本チャートの表示
• 8-8 フロントエンドプロジェクト_在庫販売モジュール_UI調整
• 8-9 フロントエンドプロジェクト_在庫販売モジュール_切り替えアニメーション
• 8-10 フロントエンドプロジェクト_在庫販売モジュール_解像度適応1
• 章9 第9章
• 9-1 フロントエンドプロジェクト_在庫販売モジュール_解像度適応2
• 9-2 WebSocket_backend の基本的な使用法
• 9-3 WebSocket_フロントエンドの基本的な使い方
• 9-4 バックエンドプロジェクトの変革
• 9-5 フロントエンドおよびバックエンドのデータフィールドに関する規則
• 9-6 バックエンドがデータを受信したときの処理
• 9-7 フロントエンドコード変換_サーバーへの接続
• 9-8 フロントエンドコード変換_受信データの処理
• 9-9 フロントエンドコード変換_コンポーネント変換
• 9-10 フロントエンドコード変換_最適化
• 章10 第十章
• 10-1 詳細処理_コンポーネントのマージ
• 10-2 ディテール処理_全画面切替_レイアウトスタイル
• 10-3 詳細処理_全画面切り替え_クリックイベント処理
• 10-4 ディテール処理_全画面切り替え_連動エフェクト
• 10-5 詳細処理_テーマ切り替え_チャートテーマ
• 10-6 詳細処理_テーマ切り替え_定義データ
• 10-7 詳細処理_テーマ切り替え_ネイティブHTML切り替え
• 10-8 ディテール処理_テーマ切替_連動エフェクト