ECharts
Rich interactive charts with a declarative config.
ECharts is taught here in 3 lessons, running from Option configuration through to Interaction, resize and data updates. Each lesson takes one topic, shows the working code, and links onward to the next, so the course can be read straight through in order.
| Track | Front-end Development |
| Lessons | 3 |
| Level | Beginner |
| Reading time | about 39 minutes |
| Prerequisites | Helpful, but not required: jQuery |
Lessons
- Option configurationInitialise a chart, read the option tree, and drive series from a dataset instead of hand-built arrays.
- Common chart typesLine, bar and pie as the baseline, the wider family of series types, and the per-series options that change how data reads.
- Interaction, resize and data updatesEvent handling and dispatches, keeping the chart correct when the container changes size, and the merge rules behind setOption.
More in Front-end Development
HTML CSS JavaScript TypeScript HTML DOM AJAX JSON Tailwind CSS Bootstrap 5 Foundation Vue.js React Next.js Angular jQuery Chart.js SVG Font Awesome
FAQ
How long does the ECharts course take?
It has 3 lessons, about 39 minutes of reading. Expect roughly twice that if you type out and run every example.
Do I need prior experience for ECharts?
Not strictly. It helps to have read jQuery first, because some lessons build on it, but every lesson explains its own assumptions.
What should I read after ECharts?
Continue with Chart.js (3 lessons), the next course in Front-end Development.
Last refreshed 2026-09-18.