HowToCodePage

ECharts

Rich interactive charts with a declarative config.

💡
This course has 3 lessons. Start with the first one and use the next / previous links at the bottom of each lesson — the sidebar keeps the whole course in order.

Lessons

  1. Option configurationInitialise a chart, read the option tree, and drive series from a dataset instead of hand-built arrays.
  2. 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.
  3. 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

Last refreshed 2026-09-17.