Configure the result diagram

By default, a diagram is created which counts the different values in a column and shows the results. To use this diagram, the column which should be displayed needs to be selected first. The member 'columnId' holds the column id of the column.

ACTION S9: Select the column to be displayed

*Adapt as required where the columnId is the key for the diagram which shows the distribution of data of the selected column.

Adapt in File: <feature>-search.component.ts

    // Please select the column to be displayed
    columnId = 'id';
    column = this.columns.find((e) => e.id === this.columnId);

*Adjust the position of the result diagram

If you want to change the position of the result diagram, you can change the layout of the ocx-content-container.

Adapt in File: <feature>-search.component.html

vertical layout
    <ocx-content-container layout="vertical">
        ...
    </ocx-content-container>
horizontal layout
    <ocx-content-container layout="horizontal">
        ...
    </ocx-content-container>

Please refer to the result diagram cookbook for more adaptations.

Remove the "ACTION" comment after working on this task