terça-feira, 4 de outubro de 2011

jQuery Visualize Radar Chart (english)


A few days ago i googled for a free (open source) radar chart to use in a project, but i didn't found anything.

Google charts has that chart, but, i will use this software in a intranet so use charts that requires web doesn't make sense..

So i grab the jQuery Visualise code that is licenced under MIT licence and implement the radar (sometimes called spider char) on it.

This is how the chart is generated:



If you need a chart api that support radar charts in javascript and that is fully compatible with HTML5, that is the deal. Another pro is that still working on older browsers like IE 6.0.

O use it is easy, create a table with the data you need, than transform that table into the radial chart using jQuery:

$(function(){
      $('#tableId').visualize({type: 'radar', height: '350px', width: '480px'});
});

For more information on how to use jQuery Visualize go to the Filament Group (it is for how to use. Download from the botton of this page if you need radar charts, the original release don't have it). 

There are two types of chart that i had created 'radar' radial 'radial' both are the same chart, the difference is that the 'radial' creates a transparent fill with the series color.

That chart is also compatible with the light style (you must import 2 css files, the base 'css/visualize.css' and the theme, 'css/visualize-light.css' or  'css/visualize-dark.css').


Download link at Evodata: link.

Download link at 4Shared: link.

6 comentários:

  1. This is amazing! Exactly what I've been looking for. Thanks!

    ResponderExcluir
    Respostas
    1. I'm happy that it is working for other persons. Thanks for the feedback!

      Excluir
  2. Your rar-link is not working anymore. Can you share it again?

    ResponderExcluir
    Respostas
    1. Evodata is migrating servers today, it may take up to 2 hours for the DNS servers refresh.
      I will try to upload to 4share, rapidshare or something like that.

      Excluir
    2. Done. Look at the end of the post, there is a new alternative link to download.

      Excluir