Create Interactive JavaScript Charts For Your websites

2009 December 10
by MoiN
      Stumble it!

If you are looking for a simple way to insert graphs and charts into you website, then look no further. Highcharts is the only place you need to go to incorporate charts into your blog or site. Highcharts lets you create interactive JavaScript charts for your websites.

HighCharts

The charting library is written purely in JavaScript; the site currently supports line, spline, area, areaspline, column, bar, pie and scatter chart types.

For one site, Highcharts packs a lot of feature within itself.

  • Compatibility: “Highcharts works in all modern browsers including the iPhone and Internet Explorer from version 6. Standard browsers use the Canvas element and in some cases SVG for the graphics rendering. In Internet Explorer graphics are drawn using VML.”
  • Pure JavaScript: “Highcharts is solely based on native browser technologies and doesn’t require client side plugins like Flash or Java. Furthermore you don’t need to install anything on your server. No PHP or ASP.NET. Highcharts needs three JS files to run: The highcharts.js core, a canvas emulator for IE, and either the jQuery or the MooTools framework.”
  • Configuration Syntax: The syntax used requires no special programming knowledge. “The options are given in a JavaScript object notation structure, which is basically a set of keys and values connected by colons, separated by commas and grouped by curly brackets.”

The graph features include:

  • Tooltip labels: On the mouse pointer hovering over the chart, Highcharts can display a tooltip text with information on each point and series.
  • Date-time axis: “Highchart is very intelligent about time values. With milliseconds axis units, Highchart determines where to place the ticks so that they always mark the start of the month or the week, midnight and midday, the full hour etc.”
  • Zooming: You can even zoom in to your graphs in the X, Y, or both dimensions.

Highcharts includes a lot more features than the ones mentioned above. What is even great is that it is free for noncommercial use! For a personal website, a school site or a non-profit organization, you can use the tool free of charge.

Go over to the site and adjust the simple syntax to create graphs you require.

Website: HighCharts

No comments yet

Leave a Reply

Note: You can use basic XHTML in your comments. Your email address will never be published.

Subscribe to this comment feed via RSS

Comment moderation is enabled. Your comment may take some time to appear.