Highcharts Interactive JavaScript Picture plugin Introduction

Well, I admit I'm in rehash, making wheels, and all kinds of repetitive work ... But I hope we can support you more!

What is Highcharts?

Highcharts is a pure JavaScript library that provides a simpler way to deploy diagrams to your Web programs. Support line charts, graphs, area, histogram, pie chart, anyway, all kinds of graphs ...

Download Address

Compatibility

Can be run in all modern browsers, including Iphone/ipad, IE6 and above versions. Standard browsers present graphs in SVG data format, early IE (5.0) in VML format

Free

For personal websites, non-profit organizations are free of charge. Commercial projects have to pay $

Open source

Open

The key is open source (in fact, the difficulty of modification you understand ...). JS code hand, the masters are free to play it

Pure JavaScript

Based on the browser native Picture display format (SVG,VML), no browser plug-ins are required. And the server side does not install any program (PS: Here nonsense too much, I believe we all know pure JS) only need to introduce 2 JS file on the line: the Highcharts.js (CORE) JQuery, MooTools or prototype framework. Choose one that fits your project, haha.

Multiple types of charts

Here is no nonsense, pay attention to a little can be merged yo, Pro! is to combine 2 charts into one ....

Simple configuration

Based on JSON configuration, this is now popular.

Dynamic

When the image is generated you can add, delete, change a category, value, or change the axis by using the API (the description of these elements in the diagram is annoying.) Many default events can be overridden and combined with Ajax you can change the chart in real time

Multi-axis

Sometimes you want to compare a series of unused data, which is different in units, such as now we have to compare the temperature, air pressure, and rainfall. Highcharts allows you to add an x-axis, y-axis for each category separately. These axes can be in the top and bottom of the chart, and you can set the display, hide, tick order, and CSS style of these axes.

Tips

Put the mouse in each category, or point above all have hints.

Time axis

Most chart controls support the timeline, but Highcharts is accurate to the millisecond level.

Exporting and printing

Various formats ...

Show scale

X,y axes can be tuned

External Data loading

Highcharts data sources can be JS arrays, JSON objects, files, or other sites. Can even be data submitted by any form.

Flip Chart, axis

The label angle you can set

The official has the document and the example, my task completes. Wrong place, please correct me.