nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Treemap HTML5 Example

micajblock

The report uses the Google Treemap visualization found here: 
https://developers.google.com/chart/interactive/docs/gallery/treemap 
 
The attached report was desiged in Actuate 11 SP3 but should work in any version of BIRT that supports report variables. 
 
The example uses a CSV file (also attached) as a data source. The data is Olympic medal counts by continent, country, and discipline for the years 2008 and 2012. 
Big caveat - The example will only work when viewed in HTML. 
New Note: Thanks to Rob Murphy this now works in Actuate Viewer. There are now 3 designs:

treemap-HTML - Original design that will only work when viewed in HTML.
treemap-SP3 - Design that works in Actuate 11 SP3 Viewer.
treemap-SP4 - Design that works in Actuate 11 SP4 Viewer.

Find more posts tagged with

Comments

There are no comments yet