Highcharts Tutorial

Highcharts is a charting library written in pure JavaScript. It makes it easy to add interactive charts to websites and web applications.

Highcharts is free for personal learning, personal websites, and non-commercial use. Commercial products need a license — see the Highcharts license.

Features

• Compatible — Works in major browsers and on mobile platforms
• Multi-device — Suitable for phones, tablets, and desktops
• Lightweight — The core library is relatively small
• Simple config — Charts are configured with JSON-like options
• Dynamic — Update charts after they are created
• Tooltips — Hover tips for data points

Learning path

1. Environment setup
2. Configuration syntax
3. Configuration details
4. Chart types: line, area, bar, column, pie, scatter, bubble
5. Dynamic charts · Combinations · 3D · Gauges · Treemap

Prerequisites

• HTML basics
• JavaScript basics

Next: Environment setup