Introduction au cours

Démonstration du projet

Concepts de visualisation de données

Introduction aux ECharts

Démarrez rapidement avec ECharts

Explication des éléments de configuration associés

Implémentation de base et effets courants des graphiques à barres

Configuration générale liée à configuration_title

Configuration générale liée à configuration_tooltip

Configuration générale liée à configuration_toolbox

Configuration générale liée à configuration_legend

Implémentation de base du graphique linéaire

Effets courants des graphiques linéaires 1

Effets courants des graphiques linéaires 2

Implémentation de base du nuage de points

Effets courants des nuages ​​de points

Grille de configuration commune du système de coordonnées rectangulaires

Axe de configuration commun du système de coordonnées rectangulaires

Configurations couramment utilisées des systèmes de coordonnées rectangulaires dataZoom

Implémentation de base du diagramme circulaire

Effets courants des diagrammes circulaires

Implémentation de base et configurations courantes des cartes

Effets de carte communs_afficher une carte d'une province

Effets de carte communs_afficher la qualité de l'air

Effets courants de maps_combination de cartes et de nuages ​​de points

Implémentation de la carte radar

Mise en place du tableau de bord

Résumé des bases d'ECharts

Utilisation du thème

Palettes de couleurs et dégradés de couleurs

Utilisation de styles directs et de styles de surbrillance

Mise en œuvre de l'adaptation des cartes

Implémentation d'une animation de chargement de graphiques

Explication de l'animation incrémentielle du graphique

Éléments de configuration de l'animation graphique

Méthodes courantes des objets ECharts globaux 1

Méthodes courantes des objets ECharts globaux 2

Méthodes courantes de l'objet echartsInstance 1

Méthodes courantes de l'objet echartsInstance 2

Résumé avancé d'ECharts

Introduction à Koa2

Démarrer rapidement avec Koa2

Caractéristiques du middleware Koa2

Projet backend_Préparation du projet

Projet backend_Développement fastidieux du middleware

Projet backend_développement du middleware d'en-tête de réponse

Projet backend_développement d'un middleware de logique métier

Configuration back-end project_cross-domain

Création et préparation de projet front-end project_project

Projet frontal_statistiques de ventes des marchands_structure des composants et structure de mise en page

Fonctions de base du projet frontal_statistiques de ventes des commerçants_chart

Projet front-end_Statistiques de ventes des commerçants_implémentation de l'actualisation dynamique

Projet frontal_Statistiques de ventes des marchands_Ajustement de l'interface utilisateur 1

Projet frontal_statistiques de ventes des marchands_ajustement de l'interface utilisateur 2

Option front-end project_merchant sales stats_split

Projet front-end_statistiques de ventes des commerçants_adaptation de la résolution

Graphique des tendances du projet frontal_ventes_structure générale du code

Graphique de tendance des ventes du projet frontal_affichage du graphique de base

Graphique de tendance des ventes du projet frontal_Ajustement de l'interface utilisateur

Graphique de tendance des ventes du projet frontal_implémentation du graphique de commutation

Adaptation du graphique de tendance des ventes du projet front-end_résolution

Projet front-end_Distribution de la carte des commerçants_Carte d'affichage 1

Projet front-end_Distribution de la carte des commerçants_Carte d'affichage 2

Projet frontal_Distribution de la carte marchande_Afficher les points de dispersion

Projet frontal_Distribution de la carte marchande_Ajustement de l'interface utilisateur

Projet front-end_Distribution de la carte marchande_Adaptation de la résolution

Projet frontal_Distribution de la carte marchande_Effet de clic sur la carte

Tableau de classement des ventes du projet frontal_affichage du graphique de base

Tableau de classement des ventes du projet frontal_Ajustement de l'interface utilisateur

Effet d'animation chart_translation du classement des ventes du projet frontal

Adaptation du classement chart_resolution du projet front-end_sales

Projet frontal_proportion de produits les plus vendus_affichage des graphiques de base

Projet frontal_proportion des produits les plus vendus_changement de données

Projet frontal_proportion des produits les plus vendus_Ajustement de l'interface utilisateur

Projet front-end_Proportion de produits les plus vendus_Adaptation de la résolution

Projet frontal_module de vente d'inventaire_affichage des graphiques de base

Projet frontal_module de vente d'inventaire_ajustement de l'interface utilisateur

Animation de commutation du module de vente d'inventaire du projet frontal

Projet frontal_inventaire module de vente_résolution adaptation 1

Projet frontal_inventaire module de vente_résolution adaptation 2

Utilisation de base de WebSocket_backend

Utilisation de base de WebSocket_front end

Transformation des projets back-end

Conventions sur les champs de données front-end et back-end

Traitement lorsque le backend reçoit des données

Transformation du code frontal_Connexion au serveur

Transformation du code frontal_traitement des données reçues

Transformation du code frontal_transformation du composant

Transformation_optimisation du code frontal

Fusion de composants de traitement de détails

Traitement des détails_style de commutation plein écran_layout

Traitement des détails_traitement des événements de commutation plein écran_clic

Traitement des détails_effet de commutation_linkage plein écran

Détails du thème Processing_theme Switching_chart

Détails des données de définition du thème de traitement switching_definition

Détails de traitement_themeswitching_native HTMLswitching

Détail du traitement_thème de l'effet de commutation_linkage