Course Introduction
03 minutes58 secondsProject demonstration
08 minutes26 secondsData visualization concepts
05 minutes43 secondsIntroduction to ECharts
05 minutes10 secondsGet started quickly with ECharts
13 minutes54 secondsExplanation of related configuration items
09 minutes40 secondsBasic implementation and common effects of bar charts
18 minutes06 secondsGeneral configuration_title related configuration
05 minutes46 secondsGeneral configuration_tooltip related configuration
10 minutes36 secondsGeneral configuration_toolbox related configuration
08 minutes14 secondsGeneral configuration_legend related configuration
07 minutes50 secondsBasic implementation of line chart
05 minutes23 secondsCommon effects of line charts 1
10 minutes22 secondsCommon effects of line charts 2
12 minutes52 secondsBasic implementation of scatter plot
11 minutes03 secondsCommon effects of scatter plots
14 minutes25 secondsCommon configuration grid of rectangular coordinate system
05 minutes15 secondsCommon configuration axis of rectangular coordinate system
04 minutes47 secondsCommonly used configurations of rectangular coordinate systems dataZoom
11 minutes01 secondsBasic implementation of pie chart
07 minutes03 secondsCommon effects of pie charts
15 minutes02 secondsBasic implementation and common configurations of maps
18 minutes17 secondsCommon map effects_display a map of a province
07 minutes12 secondsCommon map effects_show air quality
10 minutes56 secondsCommon effects of maps_combination of maps and scatter plots
10 minutes10 secondsImplementation of Radar Chart
12 minutes37 secondsImplementation of dashboard
06 minutes49 secondsSummary of ECharts basics
07 minutes08 secondsTheme usage
10 minutes32 secondsColor palettes and color gradients
15 minutes41 secondsUse of direct styles and highlight styles
06 minutes07 secondsImplementation of chart adaptation
07 minutes33 secondsImplementation of chart loading animation
08 minutes18 secondsExplanation of chart incremental animation
10 minutes09 secondsChart animation configuration items
11 minutes23 secondsCommon methods of global ECharts objects 1
07 minutes44 secondsCommon methods of global ECharts objects 2
09 minutes48 secondsCommon methods of echartsInstance object 1
13 minutes04 secondsCommon methods of echartsInstance object 2
12 minutes45 secondsECharts Advanced Summary
06 minutes00 secondsIntroduction to Koa2
11 minutes02 secondsGetting started quickly with Koa2
09 minutes30 secondsFeatures of Koa2 middleware
12 minutes58 secondsBackend Project_Project Preparation
10 minutes27 secondsBackend project_Total time-consuming development of middleware
09 minutes03 secondsBackend project_development of response header middleware
05 minutes18 secondsBackend project_development of business logic middleware
18 minutes03 secondsBackend project_cross-domain configuration
10 minutes34 secondsFront-end project_project creation and preparation
18 minutes28 secondsFront-end project_merchant sales statistics_component structure and layout structure
15 minutes44 secondsFront-end project_merchant sales statistics_chart basic functions
13 minutes24 secondsFront-end project_Merchant sales statistics_implementation of dynamic refresh
15 minutes10 secondsFront-end project_merchant sales statistics_UI adjustment 1
09 minutes01 secondsFront-end project_merchant sales statistics_UI adjustment 2
13 minutes08 secondsFront-end project_merchant sales statistics_split option
06 minutes43 secondsFront-end project_merchant sales statistics_resolution adaptation
11 minutes59 secondsFront-end project_sales trend chart_general code structure
13 minutes55 secondsFront-end project_sales trend chart_display of basic chart
11 minutes25 secondsFront-end project_sales trend chart_UI adjustment
12 minutes00 secondsFront-end project_sales trend chart_implementation of switching chart
18 minutes30 secondsFront-end project_sales trend chart_resolution adaptation
08 minutes33 secondsFront-end project_Merchant map distribution_Display map
08 minutes22 secondsFront-end project_Merchant map distribution_Show scatter points
08 minutes43 secondsFront-end project_Merchant map distribution_UI adjustment
07 minutes14 secondsFront-end project_Merchant map distribution_Resolution adaptation
05 minutes24 secondsFront-end project_Merchant map distribution_Map click effect
18 minutes10 secondsFront-end project_sales ranking chart_display of basic chart
12 minutes22 secondsFront-end project_sales ranking chart_UI adjustment
12 minutes55 secondsFront-end project_sales ranking chart_translation animation effect
11 minutes56 secondsFront-end project_sales ranking chart_resolution adaptation
03 minutes31 secondsFront-end project_proportion of hot-selling products_display of basic charts
09 minutes57 secondsFront-end project_proportion of hot-selling products_data switching
13 minutes51 secondsFront-end project_proportion of hot-selling products_UI adjustment
18 minutes13 secondsFront-end project_Proportion of hot-selling products_Resolution adaptation
07 minutes53 secondsFront-end project_inventory sales module_display of basic charts
11 minutes48 secondsFront-end project_inventory sales module_UI adjustment
11 minutes54 secondsFront-end project_inventory sales module_switching animation
08 minutes58 secondsFront-end project_inventory sales module_resolution adaptation
06 minutes37 secondsBasic use of WebSocket_backend
11 minutes35 secondsBasic use of WebSocket_front end
14 minutes15 secondsTransformation of back-end projects
06 minutes04 secondsConventions on front-end and back-end data fields
14 minutes40 secondsProcessing when the backend receives data
12 minutes44 secondsFront-end code transformation_Connect to server
13 minutes19 secondsFront-end code transformation_processing received data
14 minutes40 secondsFront-end code transformation_component transformation
10 minutes38 secondsFront-end code transformation_optimization
13 minutes09 secondsDetail processing_component merging
13 minutes22 secondsDetail processing_full screen switching_layout style
13 minutes18 secondsDetail processing_full screen switching_click event processing
06 minutes36 secondsDetail processing_full screen switching_linkage effect
09 minutes59 secondsDetail processing_theme switching_chart theme
11 minutes43 secondsDetail processing_theme switching_definition data
09 minutes19 secondsDetail processing_theme switching_native HTML switching
09 minutes09 secondsDetail processing_theme switching_linkage effect
03 minutes28 secondsWith the popularization of big data and the popularity of artificial intelligence, data visualization is widely used in existing enterprises and the demand is relatively strong, so we have this set of data visualization courses. This course is very suitable for students who have learned the basics of Vue as a cool practice project. After studying this course, whether it is applied in the current job or during the job interview, it will be a big plus point.