Highcharts Tutorial
Highcharts is a chart library written in pure JavaScript.
Highcharts makes it simple and convenient to add 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 multiple devices, such as handheld devices iPhone/iPad, tablets, etc.
- Free to Use- For personal free learning use.
- Lightweight- The highcharts.js core library is only about 35KB in size.
- Simple Configuration- Configure using JSON format.
- Dynamic- Can be modified after the chart is generated.
- Multidimensional- Supports multi-dimensional charts.
- Configure Tooltips- Tooltip information is displayed when the mouse moves to a certain point on the chart.
- Time Axis- Can be accurate to the millisecond.
- Export- The table can be exported to PDF/ PNG/ JPG / SVG formats.
- Output- Output charts on a web page.
- Zoomable- Zoom in on a selected portion of the chart to observe it up close.
- External Data- Load dynamic data from the server.
- Text Rotation- Supports label rotation in any direction.
Supported chart types
Chart types supported by HighCharts:
| Serial Number | Chart Type |
|---|---|
| 1 | Line Chart |
| 2 | Area Chart |
| 3 | Pie Chart |
| 4 | Scatter Chart |
| 5 | Bubble Chart |
| 6 | Dynamic Chart |
| 7 | Combo Chart |
| 8 | 3D Chart |
| 9 | Gauge Chart |
| 10 | Heatmap |
| 11 | Treemap |
In the following chapters, we will introduce the usage of Highcharts in detail.
other extensions