How to Create a Dual Level Doughnut (Donut) HTML5 Chart

Issue Description

Customer has a requirement to create a Dual Level Doughnut (Donut) HTML5 chart based on 2 independent series.

Attached are sample data for the chart and desired output:

Resolution

A simple (one-level) Doughnut chart can be easily implemented by specifying plotOptions.pie.innerSize  chart property.

In order to create a Dual Level Doughnut chart, you can create a column chart with 2 measures and change it's type to pie value via chart.type property.

Attached is a sample JRXML report based on dummy query. Generated output is

Solution tested with TIBCO JasperReports^® Server v.6.4.0

Ref. Case 01567088

highcharts_doughnutchart.jrxml