Example of a Tile Map Chart

This documentation is an older version of Jaspersoft Studio User Guide 8.2.0. View the latest documentation.

Getting Started with Jaspersoft Studio
- Introduction
- Installing Jaspersoft Studio
Creating a Simple Report
- Creating a New Report
- Adding and Deleting Report Elements
- Previewing a Report
- Creating a Project Folder
User Interface and Design View
- The Design Tab
- The Preview Tab
- The Design Tab
- The Design Tab
- Exporting Reports with Jaspersoft Studio
Report Elements
- Common Element Properties
- Inserting, Selecting, and Positioning Elements
- Formatting Elements
- Working with Advanced Properties
- Graphic Elements
- Text Elements
- Frames
- Working with Spreadsheet Layout
- Frames
- Working with Composite Elements
- Anchors, Bookmarks, and Hyperlinks
- Advanced Elements and Custom Components
- Custom Visualization Component
Fields
- Understanding Fields
- Registration of Fields from a SQL Query
- Registration of JavaBean Fields
- Fields and Textfields
- Data Centric Exporters
Parameters
- Managing Parameters
- Default Parameters
- Using Parameters in Queries
- Parameters Prompt
- Parameter Sets
Variables
- Defining or Editing a Variable
- Base Properties of a Variable
- Other Properties of a Variable
- Built-In Variables
- Tips & Tricks
Expressions
- Using Unicode Characters in Expressions
- Using Java as a Language for Expressions
- Using Groovy as a Language for Expressions
- Using JavaScript as a Language for Expressions
Fonts
- Working with Font Extensions
Data Adapters
- Creating and Editing Data Adapters
- Using Data Adapters in Reports and Datasets
- Working with Database JDBC Connections
- Working with a MongoDB Data Adapter
- Working with a Google BigQuery Data Adapter
- Working with a Collection of JavaBeans Data Adapter
- Using XML Data Adapters
- Using XMLA/Data Adapters
- Using CSV Data Sources
- Connecting to a Web Service Using a JSON Data Adapter
- Using the Empty Record Data Adapter
- Using the Random Data Adapter
- Working with the JRDataSource Interface
- A Look at TIBCO Spotfire Information Links
Creating Queries
- Using the Dataset and Query Dialog
- Working with the Query Builder
Accessing JasperReports Server from Jaspersoft Studio
- Connecting to JasperReports Server
- Configuring a Project for JasperReports Server
- Publishing a Report to JasperReports Server
- Publishing a Report Template
- Creating and Uploading a Topic for Ad Hoc Views
- Managing Repository Objects through Jaspersoft Studio
- Working with Domains
- Understanding the repo Syntax
- Adding a Date/Time Stamp to Scheduled Output
Working with JasperReports IO
- JasperReports IO Repository File System
- JasperReports IO Report Execution Contexts
- Testing Reports with JasperReports IO
Datasets and Subdatasets
- Creating an Example Subdataset
Report Bursting and Report Splitting
- Report Splitting
Working with Tables
- Creating a Table
- Editing a Table
- Table Structure
- Working with Columns
Working with Charts
- Creating a Simple Chart
- Setting Chart Properties
- Spider Charts
- Chart Themes
- Chart Customizers
HTML5 Charts in Commercial Editions
- Overview of HTML5 Charts
- Example of a Simple HTML5 Chart
- Example of a Pie Chart
- Example of a Tile Map Chart
- Example of a Time-Series Spline Chart
- Example of a Tree Map Using Multiple Levels and Advanced Formatting
- Example of a Scatter Chart Using Advanced Configuration
- Dual-Axis, Multi-Axis, and Combination Charts
- Creating Hyperlinks in HTML5 Charts
  - Working with Report Units
- Advanced Formatting of HTML5 Charts
- Setting Advanced Options for HTML5 Charts in Properties View
- Master-detail Chart
Working with Crosstabs
Working With the Map Component
Working with TIBCO GeoAnalytics Maps
Working With HTML5 Map Components
- Chart Data Set
Working with Subreports
- Creating a New Report via the Subreport Wizard
- Understanding Subreports
- Creating drill-down report
Report Templates
- Template Structure
- Creating and Customizing Templates
- Saving Templates
- Adding Templates to Jaspersoft Studio
- Report Splitting
Report Books
- Creating the Report Book Framework
- Creating and Adding Reports to the Report Book
- Refining the Report Book
- Configuring the Table of Contents
- Report Book Pagination
- Publishing the Report Book
Properties and Configuration
- Units of Measure in Jaspersoft Studio
- Cleaning Cached Data
- Disabling Usage Statistics
- Export and Import
- Setting Compatibility with Earlier Versions of JasperReports Library
- Working with Java in Eclipse
- Using Data Snapshots
Concepts of JasperReports
- JRXML Sources and Jasper Files
- Data Sources and Print Formats
- Project Folder Types and Report Execution Contexts
- Using JasperReports Extensions in Jaspersoft Studio
- A Simple Program
Glossary
About This Guide

This example shows how to create a tile map chart.

To create the report for the chart:

Create a new, blank report using the Sample DB data adapter and the query:

SELECT "hc_a2", "name", "region", "x", "y", "population" FROM (VALUES('AL', 'Alabama', 'South', 6, 7, 4849377),('AK', 'Alaska', 'West', 0, 0, 737732),('AZ', 'Arizona', 'West', 5, 3, 6745408),('AR', 'Arkansas', 'South', 5, 6, 2994079),('CA', 'California', 'West', 5, 2, 39250017))s("hc_a2", "name","region", "x", "y", "population")

Click Next.

Click

Delete all bands except for Title and Summary.

Enlarge the Summary band to 500 pixels by changing the Height entry in the Band Properties view.

To create the chart:

Click

Select a chart type based on the information you want to display. You can use the menu on the left to restrict the selection to a particular type of chart. For this example, choose TileMap.

On the Data Configuration tab of the HTML5 Chart Edit dialog, click Switch to advanced configuration.

HTML5 Charts Properties > Chart Data > Configuration

Under Categories Levels, select Level1 and click Modify. Then enter the following:

•

Expression: $F{y}

•

Value Class Name: java.lang.Integer

Click OK.

Under Series Level, select Series1 and click Modify. Then enter the following:

•

Expression: $F{x}

•

Value Class Name: java.lang.Integer

Click OK.

Under Measures, select Measure1 and click Modify. Then enter the following:

•

Value Expression: $F{population}

•

Value Class Name: java.lang.Integer

Click OK.

You can optionally add other hidden measures, for example:

• for $F{hc_a2} - Value Expression: $F{hc_a2} and Value Class Name: java.lang.String.

• for $F{name} - Value Expression: $F{name} and Value Class Name: java.lang.String.

7. Click the Chart Formatting tab, select Chart > Title on the left and enter your title in the Title text box. For this example, enter US states by population in 2016.

8. Select Subtitle and enter Subtitle in the Subtitle text box. For this example, enter Source: Wikipedia.

On the Chart Formatting tab, select Tilemap on the left. You can set two additional properties of the tilemap chart: Tile Shape and Color By Point.

10.

Select the tile shape from the drop-down. For this example, Tile Shape is Hexagon and Color By Point is set to false.

The default tile shape is Hexagon, you can also select Circle, Diamond, or Square. If Color By Point is set to true, any tile in the chart is colored with consecutive colors in the 'Colors' chart property. The Color By Point property can be neglected when colors are defined in the colorAxis property.

Setting Tile Shape and Color By Point