Need to make a 3D HTML5 Chart in JapserStudio

book

Article ID: 129330

calendar_today

Updated On:

Products

CLARITY PPM FOR ITG CLARITY PPM FEDERAL Clarity PPM SaaS - Application Clarity PPM On Premise

Issue/Introduction

Please advise on how to get and implement highcharts-3D.js so we can make the HTNL5 charts in Jaspersoft Studio 3D

Environment

Release:
Component: ODJSP

Resolution

In Jaspersoft Studio, you can go to the chart you wish to make 3D. Right-click, and go to "Edit chart properties". Go to the "Chart Formatting" tab. At the bottom right, select "Show Advanced Properties".

Now under the property name, expand "chart" -> "options3d". These are the options to enable and configure a 3D chart. Please not that this only works with a pie, column, and bar types. Additional formatting commands are required to set the axis angle and chart depth such as "alpha" and "depth". Here are two example configurations we have:

For example, a 3d pie chart:

chart.options3d.enabled with a value of true

chart.options3d.alpha with a value of 45

plotOptions.pie.depth with a value of 45


For example, a 3d column chart:

chart.options3d.enabled with a value of true

chart.options3d.alpha with a value of 20