Highcharts Tutorial
Highcharts is a chart library written in pure JavaScript.
Highcharts makes it simple and convenient to add interactive charts to websites 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 UseFree for personal learning use.
- Lightweight- The highcharts.js core library is only about 35KB in size.
- Simple ConfigurationUse JSON format for configuration.
- DynamicCan be modified after the chart is generated.
- MultidimensionalSupports multi-dimensional charts.
- Configure Tooltips- Tooltip information appears when the mouse moves over a point on the chart.
- Time AxisCan be precise to the millisecond.
- Export- The table can be exported to PDF/PNG/JPG/SVG formats.
- OutputOutput charts on the web page.
- Zoomable- Select a portion of the chart to zoom in for a close-up view.
- External DataLoad 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