Course Outline

Introduction

Overview of ECharts, Its Uses, and Its Features

Installing and Setting Up ECharts

Drawing Your First Simple Chart with ECharts

  • Setting Up Your Host DOM Element
  • Initializing an ECharts Instance
  • Creating a Simple Bar Chart

Creating a Custom Build of ECharts

Customizing Your Chart Styles: Drawing a Nightingale Rose Pie Chart, Setting the Theme, Styling the Background and Text, and Adding Shadows

Exploring the Various Axis Types in ECharts

Working with Various Chart Types in ECharts

Customizing Your Charts: Playing Around with Available Chart Options in ECharts

Loading and Updating Data Asynchronously in ECharts

Implementing Simple Loading Animation and Effects in ECharts

Implementing Dynamic Data Updating in ECharts

Working with the Dataset Component of ECharts

Adding Various Interaction Components to Your Charts in ECharts

Implementing Mobile Responsive Charts with ECharts

Visual Mapping of Data in ECharts Using the Visual Map Component

Working with Events and Actions in ECharts

Implementing Basic Dragging Capabilities to Your Charts in ECharts

Working with Custom Series in ECharts

Using Rich Text in ECharts

Summary and Conclusion

Requirements

  • Programming experience with JavaScript
  14 Hours
 

Number of participants


Starts

Ends


Dates are subject to availability and take place between 09:30 and 16:30.
Open Training Courses require 5+ participants.

Testimonials (4)

Related Courses

Related Categories