Multi Series Chart

The objective of this guide is to demonstrate how to configure a chart with a multi series.

Expected output:

1st Step

  1. Add a blank transaction form to start.

2nd Step

  1. Add a chart control.

3rd Step

  1. Set the key, label, and name according to your preferences. Adjust the column width as needed. Set the Data Series to "Multi Series" and choose the chart type you want. In this example, we are using a Stacked Vertical Bar Chart.

4th Step

  1. Now, configure the necessary UI-related fieldsaccording to your requirements and preferences. Refer to the screenshot for guidance on how to set these fields.

5th Step

  1. In the API section, configure the Data section for the API that provides the data. Map the API data to the chart to ensure it is correctly displayed.
  2. API Response

6th Step

  1. In the Mapping Tab, set the chart fields to "X" and "Y". Next, configure the binding field attributes. The binding fields should correspond to the data from the API response that you want to display on the chart. Refer to the screenshot for better understanding. Once the mapping is complete, confirm the configuration and save it. Your chart is now ready to use.

Final Output: