HTML5 Charts in Commercial Editions¶

All editions of Jaspersoft Studio include basic charting functionality in the form of JFree Charts. Commercial editions provide more advanced HTML5 charts implemented through Highcharts. Written in pure HTML5 and JavaScript, Highcharts offer sophisticated, interactive charts that animate automatically. Jaspersoft Studio currently supports many of the charts available in the Highcharts library.

The HTML5 Chart Edit dialog has two configuration views: simple and advanced.

• A simple view lets you quickly configure your categories, measures, and series contributor.

• Advanced view gives you more control and access to advanced features.

You can also preview a chart from the chart dialog by clicking in the HTML5 Chart Edit dialog.

This chapter has the following sections:

• Overview of HTML5 Charts

• Example of a Bar Chart Using Simple Configuration

• 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

• Example of a Column-Spline Chart

• Creating Hyperlinks in HTML5 Charts

• Advanced Formatting of HTML5 Charts

• Setting Advanced Options for HTML5 Charts in Properties View

• Master-detail Chart

For details about charts implemented through JFreeCharts, see Working with Charts.