This post is going to provide step by step instructions on how to implement sparklines
within WebFOCUS reports using a jquery plugin rather than the standard Information
Builders approach. The major advantage with this technique is it’s quite simple to implement and maintain because of the small code footprint.
Who is this for?
- Intermediate WebFOCUS knowledge is required
with reading APIs
In most reports, you typically have a column that represents a dimension (a grouping)
and values of measures for that row. Here’s an example:
Additional context that would be useful would be to provide how the measure is doing
over time. This is where sparklines can be used.
A sparkline is a very small line chart, typically drawn without axes or coordinates
Here is an example of a sparkline that shows the trend of a fictitious trading index:
Now I’m going to show you a way to do that with WebFOCUS.
- Download the Excel spreadsheet
here and upload it to your WebFOCUS application folder (mine is called sparkline-example)
by right clicking on the folder, choosing ‘New’->’Upload Data’ and follow the wizard.
- This process will create a master file called Sheet1 assuming you choose all default
- Download this
fex file and place into your WebFOCUS app folder that you added the Excel spreadsheet
to. Read the in line comments to understand what’s going on.
- Finally, add the js files to your web application folder. You can download the js
If you got everything set up properly, it should look like this when you run the
The major gotcha is you will not be able to render this WebFOCUS report
as a PDF or do a page print with your browser. I.e. use this technique only if these are not required.