"Highcharts Series Tutorial" first, recognize Highcharts

First, what is Highcharts

• Highcharts is a web reporting tool, and the development language is JavaScript
• Highcharts is an easy-to-use, beautiful, cross-platform, cross-browser charting tool
• The types of Highcharts support charts are: graphs, histograms, pie charts, area charts, scatter plots, and various chart requirements for comprehensive graphs. Latest Version 2.3.5 (as of 2013/1/10) added a variety of meters, clocks and other types of charts

Said so much, in short is a sentence, if you have a chart needs, choose Highcharts Bar!

Second, how to learn Highcharts

• Example of modifying Highcharts
• Understand the overall structure of highcharts
• View and familiarize yourself with the Highcharts API documentation
• Own development

Iii. Resources of Highcharts

1 , download resource packs

Enter Highcharts:http://www.highcharts.com/download, click "highcharts" Download button

2 , Highcharts Resource Bundle file directory

Unzip the resulting Highcharts-2.3.5.zip package, file directory such as

Iv. View Highcharts's example file

Open the index.htm in the Highcharts directory

You can see a variety of self-highcharts chart instances, corresponding to the files in the/examples directory

For simple use and beginners, you can simply modify your own instance to meet the requirements. You can take some time to study your own examples.

V. Overall structure of highcharts

By reading the Highcharts API documentation we know that the structure of highcharts is as follows

corresponding to the position in the icon

You can achieve a variety of effects by configuring the properties of the various parts of the highcharts. The "Highcharts Complete Tutorial" series is also a detailed explanation of highcharts from various departments.

"Highcharts Series Tutorial" first, recognize Highcharts