YouTip

# Highcharts Tutorial  Highcharts is a charting library written in pure JavaScript. Highcharts makes it easy 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 various devices, such as handheld devices like iPhone/iPad, tablets, etc. * **Free to Use** - Free for personal learning. * **Lightweight** - The core library highcharts.js is only about 35KB. * **Simple Configuration** - Uses JSON format for configuration. * **Dynamic** - Can be modified after chart generation. * **Multi-dimensional** - Supports multi-dimensional charts. * **Tooltip Configuration** - Shows tooltip information when the mouse moves over a point on the chart. * **Time Axis** - Can be precise down to milliseconds. * **Export** - Charts can be exported to PDF/PNG/JPG/SVG formats. * **Output** - Outputs charts to web pages. * **Zoomable** - Allows selecting a part of the chart to zoom in for a closer look. * **External Data** - Loads dynamic data from a 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 | **Combination Chart** | | 8 | **3D Chart** | | 9 | **Gauge Chart** | | 10 | **Heatmap** | | 11 | **Treemap** | In the following chapters, we will introduce the use of Highcharts in detail.