Projet de visualisation de données ECharts - Affichage de visualisation de données sur grand écran

Introduction au contenu du cours

Introduction à la visualisation de données

Solution d'adaptation visuelle

Chef de projet visuel production

analyse de la disposition de la boîte principale

panneau public

boîte à panneaux terminée

Module numérique sans production de layout

disposition détaillée du module no-hd

disposition détaillée du module sans bd

production de modules sphériques map1

production de sphère rotative du module map2

production de flèches de rotation du module map3

Introduction aux ECharts

Expérience ECharts en cinq étapes

Configuration de base d'ECharts (partie 1)

Configuration de base d'ECharts (moyen)

Configuration de base d'ECharts (partie 2)

La barre d'histogramme est introduite dans la page HTML

Barre d'histogramme personnalisée (Partie 1)

Barre d'histogramme personnalisée (moyenne)

Barre d'histogramme personnalisée (Partie 2)

Le graphique EChart s'adapte à la mise à l'échelle de l'écran

Le graphique à barres de progression de l'apprentissage 2 est introduit dans la page HTML

Graphique à barres de progression de l'apprentissage 2 personnalisé 1

Graphique à barres de progression de l'apprentissage 2, personnalisation 2

Graphique à barres de progression de l'apprentissage 2 personnalisé 3

Graphique à barres de progression de l'apprentissage 2 personnalisé 4

Graphique à barres de progression de l'apprentissage 2 personnalisé 5

Graphique à barres de progression de l'apprentissage 2 personnalisé 6

Graphique à barres de progression de l'apprentissage 2 personnalisé 7

Le graphique linéaire 1 est introduit dans la page HTML

Graphique linéaire 1 grille personnalisée

Graphique linéaire 1 : configurations personnalisées liées aux axes X et Y

Graphique linéaire 1 Personnaliser le style de deux lignes

Remplacement des données du graphique linéaire 1

Analyse du principe de changement de barre d'onglets dans le graphique linéaire 1

Changer la barre d'onglets du graphique linéaire pour remplacer les données

Le graphique linéaire 2 est introduit dans la page HTML

Personnalisation du graphique linéaire 2

Graphique linéaire 2, zone de dégradé remplie personnalisée

Personnalisation de la configuration du point d'inflexion du graphique linéaire 2

Remplacement des données du graphique linéaire 2

Le camembert 1 est introduit dans la page html

Personnalisation des composants de légende du diagramme circulaire 1

Diagramme circulaire 1 Modifier la taille du diagramme circulaire

Graphique circulaire 1 Modifier la couleur et les données associées

Le diagramme circulaire 2 est introduit dans la page html

Graphique à secteurs 2 : Personnalisation de la configuration du graphique Nightingale Rose (Partie 1)

Graphique à secteurs 2 Personnalisation de la configuration du graphique Nightingale Rose (Partie 2)

Le module de simulation de vol sur carte Chine est introduit dans la page html

Personnalisation du module de simulation de vol sur carte de Chine

Le projet est terminé et j'ai hâte de vous revoir une prochaine fois.