Echarts-Vue project—e-commerce platform data visualization real-time monitoring system

• Chapter1 Chapter One
• 1-1 Course Introduction
• 1-2 Project demonstration
• 1-3 Data visualization concepts
• 1-4 Introduction to ECharts
• 1-5 Get started quickly with ECharts
• 1-6 Explanation of related configuration items
• 1-7 Basic implementation and common effects of bar charts
• 1-8 General configuration_title related configuration
• 1-9 General configuration_tooltip related configuration
• 1-10 General configuration_toolbox related configuration
• Chapter2 Chapter two
• 2-1 General configuration_legend related configuration
• 2-2 Basic implementation of line chart
• 2-3 Common effects of line charts 1
• 2-4 Common effects of line charts 2
• 2-5 Basic implementation of scatter plot
• 2-6 Common effects of scatter plots
• 2-7 Common configuration grid of rectangular coordinate system
• 2-8 Common configuration axis of rectangular coordinate system
• 2-9 Commonly used configurations of rectangular coordinate systems dataZoom
• 2-10 Basic implementation of pie chart
• Chapter3 third chapter
• 3-1 Common effects of pie charts
• 3-2 Basic implementation and common configurations of maps
• 3-3 Common map effects_display a map of a province
• 3-4 Common map effects_show air quality
• 3-5 Common effects of maps_combination of maps and scatter plots
• 3-6 Implementation of Radar Chart
• 3-7 Implementation of dashboard
• 3-8 Summary of ECharts basics
• 3-9 Theme usage
• 3-10 Color palettes and color gradients
• Chapter4 Chapter Four
• 4-1 Use of direct styles and highlight styles
• 4-2 Implementation of chart adaptation
• 4-3 Implementation of chart loading animation
• 4-4 Explanation of chart incremental animation
• 4-5 Chart animation configuration items
• 4-6 Common methods of global ECharts objects 1
• 4-7 Common methods of global ECharts objects 2
• 4-8 Common methods of echartsInstance object 1
• 4-9 Common methods of echartsInstance object 2
• 4-10 ECharts Advanced Summary
• Chapter5 chapter Five
• 5-1 Introduction to Koa2
• 5-2 Getting started quickly with Koa2
• 5-3 Features of Koa2 middleware
• 5-4 Backend Project_Project Preparation
• 5-5 Backend project_Total time-consuming development of middleware
• 5-6 Backend project_development of response header middleware
• 5-7 Backend project_development of business logic middleware
• 5-8 Backend project_cross-domain configuration
• 5-9 Front-end project_project creation and preparation
• 5-10 Front-end project_merchant sales statistics_component structure and layout structure
• Chapter6 Chapter Six
• 6-1 Front-end project_merchant sales statistics_chart basic functions
• 6-2 Front-end project_Merchant sales statistics_implementation of dynamic refresh
• 6-3 Front-end project_merchant sales statistics_UI adjustment 1
• 6-4 Front-end project_merchant sales statistics_UI adjustment 2
• 6-5 Front-end project_merchant sales statistics_split option
• 6-6 Front-end project_merchant sales statistics_resolution adaptation
• 6-7 Front-end project_sales trend chart_general code structure
• 6-8 Front-end project_sales trend chart_display of basic chart
• 6-9 Front-end project_sales trend chart_UI adjustment
• 6-10 Front-end project_sales trend chart_implementation of switching chart
• Chapter7 Chapter VII
• 7-1 Front-end project_sales trend chart_resolution adaptation
• 7-2 Front-end project_Merchant map distribution_Display map
• 7-3 Front-end project_Merchant map distribution_Show scatter points
• 7-4 Front-end project_Merchant map distribution_UI adjustment
• 7-5 Front-end project_Merchant map distribution_Resolution adaptation
• 7-6 Front-end project_Merchant map distribution_Map click effect
• 7-7 Front-end project_sales ranking chart_display of basic chart
• 7-8 Front-end project_sales ranking chart_UI adjustment
• 7-9 Front-end project_sales ranking chart_translation animation effect
• 7-10 Front-end project_sales ranking chart_resolution adaptation
• Chapter8 chapter eight
• 8-1 Front-end project_proportion of hot-selling products_display of basic charts
• 8-2 Front-end project_proportion of hot-selling products_data switching
• 8-3 Front-end project_proportion of hot-selling products_UI adjustment
• 8-4 Front-end project_Proportion of hot-selling products_Resolution adaptation
• 8-5 Front-end project_inventory sales module_display of basic charts
• 8-6 Front-end project_inventory sales module_UI adjustment
• 8-7 Front-end project_inventory sales module_switching animation
• 8-8 Front-end project_inventory sales module_resolution adaptation
• 8-9 Basic use of WebSocket_backend
• 8-10 Basic use of WebSocket_front end
• Chapter9 Chapter nine
• 9-1 Transformation of back-end projects
• 9-2 Conventions on front-end and back-end data fields
• 9-3 Processing when the backend receives data
• 9-4 Front-end code transformation_Connect to server
• 9-5 Front-end code transformation_processing received data
• 9-6 Front-end code transformation_component transformation
• 9-7 Front-end code transformation_optimization
• 9-8 Detail processing_component merging
• 9-9 Detail processing_full screen switching_layout style
• 9-10 Detail processing_full screen switching_click event processing
• Chapter10 chapter Ten
• 10-1 Detail processing_full screen switching_linkage effect
• 10-2 Detail processing_theme switching_chart theme
• 10-3 Detail processing_theme switching_definition data
• 10-4 Detail processing_theme switching_native HTML switching
• 10-5 Detail processing_theme switching_linkage effect