Ajax Thin-Client Treemap
The following is an interactive, web based Ajax Thin-Client Treemap demo built with Rogue Wave JViews Enterprise. You can try it yourself by downloading an evaluation or to receive an online demonstration and have a product expert answer any questions you may have, click here.
About this demo
This example demonstrates a treemap chart displayed in a DHTML Web Client using Rogue Wave JViews Charts Faces component.
This example shows the world-wide energy production and consumption, from 2004 to 2007, by energy type, by country, and by year. It consists of three parts:
The selection between the treemap and the table is synchronized. This allows you to immediately see the details of a record (in the table) when you click it in the treemap.
How to use this demo
This example allows you to display the stock quotes of one or several companies, as well as several technical market indicators. Two kinds of charts are used to display the stock data:
How to Use the Sample
Picking a record or a group of records
You can click a single record or a group of records in the treemap, and the selected records will be displayed in the table and highlighted in the treemap. For example, you can look for the biggest treemap rectangle: by default this will show the record representing the largest consumption. You can also look for the countries with the largest amount of nuclear energy. You can also use the tooltips.
Drilling down on a group of records
When you click a group of records (a year, or a country) in the treemap and you press the Drill-Down button the treemap shows a magnified view of only the selected record. This means that the focus of the treemap has changed.
Using the history buttons
The Previous View and Next View buttons can be used as in a Web browser. The Up One Level button will change the focus to the group of records containing the current focus.
Changing the partitioning criterion
You can change the criterion by which records are grouped in the treemap. To do so use the Group By and Then By drop-down menus.
Changing the meaning of importance
You can change the way the treemap expresses the importance of a record. The treemap shows importance through a bigger area of the rectangle on the screen. You can decide which characteristics of a record determines the area. Only numeric table columns can be used for this purpose. The choices that make most sense are the "Consumption" and the "Production" columns.
Changing the meaning of colors
You can change the way the treemap highlights particular records through colors. Both numeric and symbolic table columns can be used for this purpose. For numeric table columns, the color scheme varies from green (for high values) to red (for low values). For symbolic table columns, such as Country or Region, the color scheme is chosen to give the appropriate contrast; the colors themselves do not have a particular meaning.