Highcharts 简明教程

Highcharts - Overview

Highcharts 是一个基于纯 JavaScript 的图表库,用于通过添加交互式图表功能来增强 Web 应用程序。它支持多种图表。图表是使用标准浏览器(如 Chrome、Firefox、Safari、Internet Explorer (IE))中的 SVG 绘制的。在旧版 IE 6 中,VML 用于绘制图形。

Highcharts is a pure JavaScript based charting library meant to enhance web applications by adding interactive charting capability. It supports a wide range of charts. Charts are drawn using SVG in standard browsers like Chrome, Firefox, Safari, Internet Explorer(IE). In legacy IE 6, VML is used to draw the graphics.

Features of Highcharts Library

现在让我们讨论 Highcharts 库的一些重要功能。

Let us now discuss a few important features of the Highcharts Library.

  1. Compatability − Works seemlessly on all major browsers and mobile platforms like android and iOS.

  2. Multitouch Support − Supports multitouch on touch screen based platforms like android and iOS.Ideal for iPhone/iPad and android based smart phones/ tablets.

  3. Free to Use − Open source and is free to use for non-commercial purpose.

  4. Lightweight − highcharts.js core library with size nearly 35KB, is an extremely lightweight library.

  5. Simple Configurations − Uses json to define various configurations of the charts and very easy to learn and use.

  6. Dynamic − Allows to modify chart even after chart generation.

  7. Multiple axes − Not restricted to x, y axis. Supports multiple axis on the charts.

  8. Configurable tooltips − Tooltip comes when a user hovers over any point on a chart. Highcharts provides tooltip inbuilt formatter or callback formatter to control the tooltip programmatically.

  9. DateTime support − Handle date time specially. Provides numerous inbuilt controls over date wise categories.

  10. Export − Export chart to PDF/ PNG/ JPG / SVG format by enabling export feature.

  11. Print − Print chart using web page.

  12. Zoomablity − Supports zooming chart to view data more precisely.

  13. External data − Supports loading data dynamically from server. Provides control over data using callback functions.

  14. Text Rotation − Supports rotation of labels in any direction.

Supported Chart Types

Highcharts 库提供以下类型的图表−

Highcharts library provides the following types of charts −

Sr.No.

Chart Type & Description

1

Line Charts Used to draw line/spline based charts.

2

Area Charts Used to draw area wise charts.

3

Pie Charts Used to draw pie charts.

4

Scatter Charts Used to draw scattered charts.

5

Bubble Charts Used to draw bubble based charts.

6

Dynamic Charts Used to draw dynamic charts where user can modify charts.

7

Combinations Used to draw combinations of variety of charts.

8

3D Charts Used to draw 3D charts.

9

Angular Gauges Used to draw speedometer type charts.

10

Heat Maps Used to draw heat maps.

11

Tree Maps Used to draw tree maps.

在随后的章节中,我们将详细讨论每种上述类型图表的每个示例。

In our subsequent chapters, we will discuss each type of above mentioned charts in details with examples.

Licence

Highcharts 是开源的,可免费用于非商业用途。为了在商业项目中使用 Highcharts,请访问以下链接− License and Pricing

Highcharts is open source and is free to use for non-commercial purpose. In order to use Highcharts in commercial projects, follow the link − License and Pricing