Highcharts tutorial
Highcharts is a library of charts written with pure JavaScript.
Highcharts can easily and easily add interactive charts to web sites or web applications
Highcharts is available free of charge 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 a variety of devices, such as handheld iPhone/iPad, tablet, and more.
-
Free to use
- open source free.
-
Lightweight -
highcharts.js library size is only about 35KB.
-
Simple configuration
- configuration using the json format
-
Dynamic -
Can be modified after the chart is generated.
-
Multi-dimensional
- Supports multi-dimensional charts
-
Configuration Tip Tool
- There is a prompt message on the point at which the mouse moves to the chart.
-
Timeline - can
be accurate to milliseconds.
-
Export
- Tables can be exported in PDF/PNG/JPG/SVG format
-
Output
- Web output chart.
-
Zoomable - select the
chart section to zoom in and take a closer look at the chart;
-
External data
- Load dynamic data from the server.
-
Text rotation
- Supports label rotation in any direction.
The type of chart supported
Chart types supported by HighCharts:
Serial number
|
The type of chart
|
1
|
Graph
|
2
|
Area map
|
3
|
Pie chart
|
4
|
Scatter chart
|
5
|
Bubble chart
|
6
|
Dynamic charts
|
7
|
Combine charts
|
8
|
3D diagram
|
9
|
The measurement chart
|
10
|
Heat map
|
11
|
Treemap
|
In the next few chapters, we'll talk about the use of Highcharts.