ECharts Training Course

Course Code



14 hours (usually 2 days including breaks)


  • Programming experience with JavaScript


eCharts is a free JavaScript library used for interactive charting and data visualization.

In this instructor-led, live training, participants will learn the fundamental functionalities of ECharts as they step through the process of creating and configuring charts using ECharts.

By the end of this training, participants will be able to:

  • Understand the fundamentals of ECharts
  • Explore and utilize the various features and configuration options in ECharts
  • Build their own simple, interactive, and responsive charts with ECharts


  • Developers

Format of the course

  • Part lecture, part discussion, exercises and heavy hands-on practice

Course Outline


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

Bookings, Prices and Enquiries

Guaranteed to run even with a single delegate!

Private Classroom

From £2500

Private Remote

From £2200 (86)

Public Classroom

Cannot find a suitable date? Choose Your Course Date >>Too expensive? Suggest your price

Course Discounts Newsletter

We respect the privacy of your email address. We will not pass on or sell your address to others.
You can always change your preferences or unsubscribe completely.