Highcharts Tutorial
Highcharts is a charting library written in pure JavaScript.
Highcharts allows for easy and convenient addition of interactive charts to web sites or web applications.
Highcharts is free for personal learning, personal websites, and non-commercial use.
HighCharts Features
- Compatibility - Supports all major browsers and mobile platforms (Android, iOS, etc.).
- Multi-device - Supports various devices such as handhelds iPhone/iPad, tablets, etc.
- Free Usage - Free for personal learning use.
- Lightweight - The core library highcharts.js is only about 35KB.
- Simple Configuration - Uses JSON format for configuration.
- Dynamic - Can be modified after chart generation.
- Multidimensional - Supports multidimensional charts.
- Tooltip Configuration - Tooltips appear when the mouse hovers over a point on the chart.
- Timeline - Accurate to the millisecond.
- Export - Charts can be exported to PDF/PNG/JPG/SVG formats.
- Output - Outputs charts to the web page.
- Zoomable - Allows zooming in on a part of the chart for closer inspection.
- External Data - Loads dynamic data from the server.
- Text Rotation - Supports label rotation in any direction.
Supported Chart Types
HighCharts supports the following chart types:
| No. | Chart Type |
|---|---|
| 1 | Line Chart |
| 2 | Area Chart |
| 3 | Pie Chart |
| 4 | Scatter Chart |
| 5 | Bubble Chart |
| 6 | Dynamic Chart |
| 7 | Combined Chart |
| 8 | 3D Chart |
| 9 | Gauge Chart |
| 10 | Heat Map |
| 11 | Tree Map |
The next few sections will provide detailed introductions to using Highcharts.