Create Beautiful Small Inline Charts – jQuery Sparklines
A jQuery plugin to generate beautiful sparklines inline charts directly in the browser using the data supplied inline in the HTML, or via javascript.
Supported Chart Types
- Line Chart
- Bar Chart
- Tristate Chart
- Discrete Chart
- Bullet Graph
- Pie Chart
- Box Plot
Hidden Sparklines
If you try to display a sparkline in a tag that’s currently not visible (ie. the tag or one of its parents are set to display:none) then you’ll find that the sparkline hasn’t been rendered when you finally make the tag visisble. This is because a hidden tag has no size so we can’t detect the area to draw on.
The solution is to call the $.sparkline_display_visible() function anytime a sparkline may have become visible so that it can be correctly rendered. This is the technique this site uses to handle the sparklines that are hidden in the different tabbed sections.
Compatibility: All major browsers
Requirements: jQuery Framework
Website: http://www.omnipotent.net/jquery.sparkline/
Men! I haven’t tested it yet but that looks awesome!
If it does work, which I believe it does, this will be a nice playground for the days to come…
Thanks a lot!
Hi,
Not jQuery, but worth mentioning is the amcharts library (amcharts.com). It integrates well with jQuery driven webpages and I tend to use it often for management panels on my web applications.
– Ath
Great job. Are you using canvas ?!
What are requirements, other then jQuery?!
jQuery Lover.
jQuery Howto’s last blog post..Select text in input box on user select or focus