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

Echarts を使用したリアルタイム販売ダッシュボード

中級

このプロジェクトでは、Echarts ライブラリを使用してリアルタイム販売ダッシュボードを作成する方法を学びます。ダッシュボードは、販売と数量のデータを視覚的に魅力的で理解しやすい形式で表示します。

javascriptweb-development

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

はじめに

このプロジェクトでは、Echarts ライブラリを使ってリアルタイムの販売ダッシュボードを作成する方法を学びます。このダッシュボードは、視覚的に魅力的で理解しやすい形式で販売と数量データを表示します。

👀 プレビュー

Real-time sales dashboard preview

🎯 タスク

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

  • プロジェクトをセットアップし、必要なファイルを入手する方法
  • index.jsファイルでの「yAxis」設定を完了する方法
  • renderChart関数でのバックエンドデータからの値を適切なチャートオプションに正しく割り当てる方法

🏆 成果

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

  • Echarts ライブラリを使ってデータをチャートにレンダリングする
  • データ可視化プロジェクト用のコードを構造化して整理する
  • 非同期データの取得を行い、リアルタイムでチャートを更新する

講師

labby
Labby
Labby is the LabEx teacher.