コース内容紹介
データ視覚化の概要
視覚適応ソリューション
ビジュアルプロジェクトヘッド制作
メインボックスのレイアウト分析
パネルボックスパブリックパネル
パンルボックス完成
デジタルモジュールノーレイアウト生産
HD モジュールなしの詳細なレイアウト
no-bd モジュールの詳細なレイアウト
マップ1球体モジュールの製作
Map2モジュール回転球体製作
Map3モジュール回転矢印制作
ECharts の概要
5 つのステップを使用した ECharts エクスペリエンス
EChartsの基本構成(前編)
ECharts基本構成(中)
EChartsの基本構成(その2)
ヒストグラム バーが HTML ページに導入されました
カスタマイズされたヒストグラム バー (パート 1)
カスタマイズされたヒストグラム バー (中)
カスタマイズされたヒストグラム バー (パート 2)
EChart チャートは画面のスケーリングに適応します
学習進捗棒グラフ 2 が HTML ページに導入されました
学習進捗棒グラフ 2 カスタマイズ 1
学習進捗棒グラフ 2 カスタマイズ 2
学習進捗棒グラフ 2 カスタマイズ 3
学習進捗棒グラフ 2 カスタマイズ 4
学習進捗棒グラフ 2 カスタマイズ 5
学習進捗棒グラフ 2 カスタマイズ 6
学習進捗棒グラフ 2 カスタマイズ 7
折れ線グラフ 1 が HTML ページに導入されます
折れ線グラフ 1 のカスタマイズされたグリッド
折れ線グラフ 1 のカスタマイズされた X 軸および Y 軸関連の構成
折れ線グラフ 1 2 本の線のスタイルをカスタマイズする
折れ線グラフ1のデータ置換
折れ線グラフ1のタブバー切り替え原理の解析
折れ線グラフのタブバーを切り替えてデータを置き換えます
折れ線グラフ 2 が HTML ページに導入されました
折れ線グラフ 2 のカスタマイズ
折れ線グラフ 2 カスタマイズされた塗りつぶしグラデーション領域
折れ線グラフ 2 変曲点構成のカスタマイズ
折れ線グラフ2のデータ置換
円グラフ 1 が HTML ページに導入されます
円グラフ 1 凡例コンポーネントのカスタマイズ
円グラフ 1 円グラフのサイズを変更する
円グラフ 1 色と関連データの変更
円グラフ 2 が HTML ページに導入されました
円グラフ 2 ナイチンゲール ローズ グラフ - 構成のカスタマイズ (パート 1)
円グラフ 2 ナイチンゲール ローズ グラフ構成のカスタマイズ (パート 2)
中国地図フライト シミュレーション モジュールが HTML ページに導入されました
中国地図フライト シミュレーション モジュールのカスタマイズ
プロジェクトは完了しました、次回またお会いできるのを楽しみにしています。
このコースを学習する主な目的は 2 つあります。 1. 画面に合わせたビジュアルパネルレイアウト 2. EChartsを利用してヒストグラム表示を実現する コアテクノロジー: -flexible.js + remスマート大画面適応に基づく - VScode cssrem プラグイン - フレックスレイアウト - 使用量が少なくなる - ECharts データ視覚化表示に基づく - EChartsヒストグラムデータ設定 - ECharts マップの紹介