Charts

Facebook Twitter

jQuery Sparklines. News 15 June 2013 - Version 2.1.2 Relased This release adds support for jQuery 1.10.0 and other bug fixes and minor improvements.

jQuery Sparklines

See the full changelog for details of all changes. 26 January 2013 - Version 2.1.1 Relased This release adds support for jQuery 1.9.0 along with a couple of other bug fixes. If you're using a version of jQuery later than 1.8, be extra sure you're not rendering your page in quirks mode to avoid breaking tooltips for IE users. See jQuery's notes on quirks compatiblity for more info. See the full changelog for details of all changes. 15 October 2012 - Version 2.1 Released This release is primarily a bug-fix release, but also adds support for Internet Explorer 10. See the full changelog for details of all changes. 29 April 2012 - Version 2.0 Released This release represents a significant code update. Customizable mouseover tooltips and interaction including highlighting of moused-over values.

There's a few non-code updates as well: eg. This release also: Documentation. Live demo: jQuery sparklines. As a test, I have included jQuery sparklines in my February report on SharePoint blogs.

Live demo: jQuery sparklines

The sparklines are in the “Trend” column. They display, in bar type, the blog’s authority in the past 3 months. To build them I have combined the “HTML calculated column” with the jQuery sparklines plugin. I have already provided a tutorial to include Google sparklines in SharePoint lists a couple months ago. The Google approach is very convenient, but its downside is that your data goes public, you send it on the Internet to get the charts in return. However, I need to do some more testing as I noticed a rendering issue. Update [03/03/09] The author of the plugin, Gareth Watts, has worked on the rendering issue I reported. Update [04/02/09] v 1.4.1 is now available for download. Like this: Like Loading... Multiple Pie Charts in a WSS Dashboard. Note from EndUserSharePoint.com: We have updated the script below and apologize for the previous error.

Multiple Pie Charts in a WSS Dashboard

From the feedback I received on my previous posts, I worked to develop a new jQuery script to present charts on SharePoint. It can be considered a major evolution of my first rudimentary pie charts versions because: - It uses pure JavaScript libraries, no need to send data to the Google Charts API (i.e. internet). - Charts are nicely arranged within an HTML table, with configurable columns. - When you click on a chart, you jump to a target page showing the underlying list view. - Represented data can be taken from different SharePoint lists. - At least in theory, an unlimited number of charts can be accommodated on a page. Here is how the result looks like: I achieved that with the help of the free jsCharts library, and the invaluable code of Paul Grenier, in particular on this EUSP article. What's the trick? So, what do you need to put this at work? Further customizations.