Overview
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
Audience
- Developers
Format of the course
- Part lecture, part discussion, exercises and heavy hands-on practice
Requirements
- Programming experience with JavaScript
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