This is part 8 of multistep tutorial for creating your first interactive communications document. In this part, we will add a Line chart to the account progress panel.

Login to AEM Forms and navigate to Adobe Experience Manager > Forms > Forms & Documents. 

Open the 401KStatement folder.

Open the 401KStatement in edit mode.

AEM Forms 6.4 has made it quite simple to display data using various types of charts. We are going to use a Line chart to display balances by year.

Tap on the Account Progress target area on the right-hand side and click the "+" icon to bring up the insert component dialog box. 

Select Chart to insert the chart component.

Configure the chart component as per the settings in the screenshot below.

Please make sure you select the correct form data model element the x and y-axis.

 

 

Line Chart Configuration properties

This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License  Twitter™ and Facebook posts are not covered under the terms of Creative Commons.

Legal Notices   |   Online Privacy Policy