Configuring line chart for your first interactive communication 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 and save your settings by clicking the blue check mark icon.

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

Line Chart Settings in AEM Forms 6.4

linechart64

Line Chart Settings in AEM Forms 6.5

linechart64

Next Steps

Configure Table

recommendation-more-help
8de24117-1378-413c-a581-01e660b7163e