Highchart plug-in Introduction and introduction method

First, Highchart Introduction:

Highcharts is a library of diagrams written in plain JavaScript that makes it easy to add interactive diagrams to Web sites or Web applications.

The chart types supported by Highcharts are linear, graph, area, histogram, pie, scatter, gauge, bubble, waterfall, and so on, many of which can be integrated into the same graph to form a mixed graph.

Http://www.hcharts.cn/products/highcharts

Http://www.hcharts.cn/docs/compatibility

Explanation of the noun solution:

svg: Scalable Vector graphics are based on Extensible Markup Language (a subset of the standard Common Markup Language) that describes a graphic format for two-dimensional vector graphics. It is developed by the World Wide Web Consortium and is an open standard. Related tutorials: http://www.runoob.com/svg/svg-tutorial.html.

VML: equivalent to the brush inside IE, can achieve the graphics you want, and combined with the script, you can make the graphic dynamic effect. VML was released by Microsoft September 1999 with IE5.0, and in my opinion, VML is actually a product of word and HTML. Word documents can be saved as HTML, where the text and pictures can be easily converted, but if the hand-drawn graphics in the past IE can not be explained, if all converted to graphics files is not very realistic. So Microsoft put the graphics control in Word into IE, so that IE also has a drawing function.

VML Manual: Http://www.g168.net/txt/vml/

Second, the Environment configuration

1, the introduction of jquery:

• Using a Local installation package
• Using the local static repository:http://cdn.static.runoob.com/libs/jquery/2.1.4/jquery.min.js
• jquery resources using Baidu's static repository:http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js

2, introduce Highcharts plug-in:

• Visit highcharts.com to download the Highcharts package.
• 2. Using the official CDN address:http://code.highcharts.com/highcharts.js

Highchart plug-in Introduction and introduction method