Sometimes it's helpful to transpose data to get a deeper understanding of what's going on. For example, the charts on this page use exactly the same data. This chart communicates what's happening with revenues over 4 different years. Each year has a break down of revenue categories, but it's difficult to tell what might be happening with, say, restaurant revenues over the 4 years.
This chart, on the other hand, focuses the eye on revenue trends within each category, so you can quickly tell whether revenues are increasing for Conventions, whether an unusual revenue event happened for Restaurants, and so on. To accomplish this, we used the ProServe "datatranspose" tag to reorganize the data. Place your cursor over each bar to get a clearer idea of what's happening here.
Many kinds of data also require a table to completely clarify the information. ProServe chart tags also speed this task, by providing a "table" tag that uses your own CSS style elements to present live data from a DataProvider. In this case, we're using the same DataProvider we used for the charts above to create a styled table.
| Restaurant Revenue | Banquet Revenue | Convention Revenue | |
|---|---|---|---|
| 2001 | 123 | 55 | 99 |
| 2002 | 234 | 78 | 86 |
| 2003 | 345 | 89 | 97 |
| 2004 | 456 | 66 | 120 |
The logic for placing the table within page constructs is identical to the logic used by chart tags. Where appropriate, the table inherits information from a chart style (labels, titles, etc.), and cell data is dynamically generated from a named DataProvider.
Even though we're using Flash to draw the charts on this page, we use HTML to render the table, since that's a more natural vehicle for textual information.