プロジェクト の JavaScript スキルツリー

努力は報われる

初級

このプロジェクトでは、ECharts を使用して、ある都市の過去 5 年間の作物収穫量の統計チャートを作成する方法を学びます。このプロジェクトの目的は、人々の生活に直接影響する作物収穫量の統計を通じて、実践的な問題をどのように分析できるかを示すことです。

javascriptweb-development

💡 このチュートリアルは英語版からAIによって翻訳されています。原文を確認するには、 ここをクリックしてください

はじめに

このプロジェクトでは、ECharts を使ってある都市の過去 5 年間の作物収穫量の統計グラフを作成する方法を学びます。このプロジェクトの目的は、人々の暮らしに直接影響を与える作物収穫量の統計を通じて、実際の問題をどのように分析するかを示すことです。

👀 プレビュー

画像の説明

🎯 タスク

このプロジェクトでは、以下のことを学びます。

  • プロジェクト環境をセットアップし、提供されたファイルを理解する方法
  • JSON ファイルからデータを取得し、それを処理して ECharts のビジュアライゼーションを更新する方法
  • 折れ線グラフと円グラフの外観とレイアウトをカスタマイズする方法

🏆 成果

このプロジェクトを完了すると、以下のことができるようになります。

  • Axios ライブラリを使って JSON ファイルからデータを取得する
  • ECharts オプションオブジェクトを操作してビジュアライゼーションを更新する
  • タイトル、レイアウト、その他のプロパティを調整することでグラフをカスタマイズする

講師

labby
Labby
Labby is the LabEx teacher.