Blog que trata de assuntos relacionados ao dia-a-dia do desenvolvimento de sistemas, como melhores práticas de programação, testes, frameworks e assuntos relacionados
Mostrando postagens com marcador html5. Mostrar todas as postagens
Mostrando postagens com marcador html5. Mostrar todas as postagens
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.
Assinar:
Postagens (Atom)

