Sample HTML5 ArcGauge Chart and how to increase the width of the arc

Sample Report: HTML5 ArcGauge Chart with property to increase the arc width (thickness).

The arc in the Chart is rendered as a solid gauge with innerRadius set.

An example jsfiddle is of this chart is :

https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/plotoptions/solidgauge-radius/

The following property can be added to render the size of the arc which is by increasing or lowering the innerRadius. The lower the percentage, the greater the thickness of the arc.

<hc:chartProperty name="series[0].data[0].innerRadius">
<hc:propertyExpression><![CDATA["20%"]]></hc:propertyExpression>
</hc:chartProperty>

Report template that can be opened in TIBCO Jaspersoft Studio is attached.

htmlarcgaugechart.jrxml