Hey Readers, Win 25 Citrify Premium Licenses How to Participate and Win!!! :-D . Stay tuned for more premium giveaways coming next by subscribing toRSS feed or Subscribe to App Sheriff - Sworn To Serve by Email. Good Luck Guys!

The Highcharts is an interactive JavaScript chart for your webpage. Highcharts is basically a charting library that is written in pure JavaScript. It offers an easy way of adding interactive charts either to your web site or web application. The Highcharts currently supports line, spline, bar, pie, area, area spline, column and scatter chart types.

high charts

Some of its features include compatability, free for non-commercial usage, purely JS and no BS, availability of numerous chart types, simple configuration syntax, tooltip labels, date- time axis, zooming, external data loading, inverted chart or reversed axis and text rotation for the labels.

1. Compatibility
It works in all the modern browsers that includes the iPhone and Internet Explorer from version 6. The standard browsers uses the Canvas element and in certain cases SVG is used for the graphics rendering. In the Internet Explorer, graphics are drawn using the VML.

2. Free for non-commercial
Highcharts can be used for a personal website, a non-profit organisation or a school site. The author’s permission is not needed for this purpose. But in the case of commercial websites and projects, the License and Pricing should be checked.

3. Pure JS, no BS!
Highcharts is based on the native browser technologies. It does not require any client side plugins such as Flash or Java. You don’t need to install anything more on your server. No PHP or ASP.NET is not required. The Highcharts needs just three JS files to run- the highcharts.js core, a canvas emulator for the IE and either the jQuery or the MooTools framework. One of these is already used in your web page.

4. Numerous chart types
Highcharts supports line, spline, bar, pie, area, areaspline, column and scatter chart types. Any of these mentioned above can be combined into one chart.

5. Simple configuration syntax
No special programming skills are required for setting the Highcharts configuration options. The options are given in a JavaScript object notation structure which is basically a set of keys and values that are connected by the colons, separated by the commas and grouped by the curly brackets.

6. Tooltip labels
The Highcharts can display a tooltip text with an information on each point and series. The tooltip follows as the user moves the mouse over the graph and though with great difficulty, they are made to stick to the nearest point. It also makes it easy to read a point that is below another point.

7. Datetime axis
75% of all charts with an X and Y axis have a date-time X axis. Hence the Highchart is very intelligent about the time values. With the milliseconds axis units, the Highchart can determine where to place the ticks so that they always mark the start of the month or the week, midnight and mid-day, the full hour and so on.

8. Zooming
On a chart, by zooming in, you can examine an interesting part of the data very closely. Zooming can be either in the X or Y dimension or both.

9. External data loading
Highcharts inputs the data in a JavaScript array. This can be defined in the local configuration object in a separate file or even on a different site. The data can also be handled over to the Highcharts in any form and a callback function is used to parse the data into an array.

10. Inverted chart or reversed axis
You can make the chart to look anyway you like. You can flip over your chart and make the X axis appear vertical just like in a bar chart. You can also reverse the axis with the highest values that appears closest to origin.

11. Text rotation for labels
All the text labels including the axis labels, data labels for the point and axis titles can be rotated in any angle.