jQuery Visualize Gráfico Radar Javascript Acessivel

Novo link em: http://evodata.com.br/marcosfedato/?p=18&lang_view=pt


Hoje eu precisei usar um gráfico de radar (algumas apis chamam de spider) em uma das minhas aplicações.

Procurei por um bom tempo um chart free (open source) para usar, mas o único que achei foi o do google.

Como posso precisar usar esse gráfico em uma intranet, eu preferi não usar.

Como eu já tinha postado aqui antes, eu gosto muito o jQuery visualise, e resolvi extende-lo.

E consegui, o código dessa api é lindamente simples e copiando os códigos dela e alterando foram apenas 2 horas para conseguir o que eu queria.

Vejam como ficou:

Então para quem precisa de uma api de gráfico com suporte a esses gráficos radiais compativel com HTML5, e com um esquema em javascript de retrocompatibilidade que roda até no IE6 fica o meu código.

Para usar é como o jQuery visualize mesmo, vc cria uma tabela, e depois coloca o javascript:

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

Existem agora os tipos 'radar' e 'radial' ambos são esse mesmo gráfico, mas o radial adiciona um preenchimento transparente nas áreas cobertas.

Ele também é compatível com o estilo light (você deve importar 2 css o 'css/visualize.css' e o do tema, 'css/visualize-light.css' ou   'css/visualize-dark.css'.

Download link at Evodata: link.

Download link at 4Shared: link.