Tuesday 15 October 2013

Displaying Adobe Experience Manager Data in a Chart

You can create an Adobe Experience Manager component that displays data queried from the Adobe JCR in a chart.  Assume, for example, that you want to display financial data queried from the Adobe CQ JCR in a chart. In this situation, you can create a CQ widget that uses a JQuery chart library that displays result data in a chart.

AEM Data displayed in a chart control

Each data point that is displayed is stored as a customer node's property named revenue, as shown in the following illustration.

Each customer node has a revenue property that is displayed in the chart

In this example, AEM data is queried from the JCR by using the JCR  API within an OSGi bundle. The data is returned to the web page where it is displayed within a chart. This development article walks you through how to develop this AEM component. To read this development article, click:

 https://helpx.adobe.com/experience-manager/using/displaying-experience-manager-data-chart.html

Note: Out of the box, Adobe Experience Manager lets you create reports by setting JCR nodes and properties. However, this development article discusses how to develop a custom chart control using Java and JQuery. For information about using the AEM out of the box reporting feature, see Developing Reports.

Join the Adobe Experience Cloud Community 

Join the Adobe Experience Cloud Community by clicking this banner




I (Scott Macdonald) am a Senior Digital Marketing Community Manager at Adobe Systems with 20 years in the high tech industry. I am also a programmer with knowledge in Java, JavaScript, C#,C++, HTML, XML and ActionScript. If  you would like to see more CQ or other Adobe Digital Marketing end to end articles like this, then leave a comment and let me know what content you would like to see.


Twitter: Follow the Digital Marketing Customer Care team on Twitter @AdobeExpCare.

YouTube: Subscribe to the AEM Community Channel. 


at