Coding With Fun
Home Docker Django Node.js Articles Python pip guide FAQ Policy

Highcharts tutorial


May 09, 2021 Highcharts


Table of contents


Highcharts tutorial

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.