Filtering the Data

Use a filter component to drive a chart by binding a parameter in the chart’s connection Condition and reloading that connection from the filter’s Script on load.

Steps

  1. On the Designer Canvas page

    • Drag a chart together with a filter component to the canvas.

  2. Create two data connections

    • One connection for the chart.

    • One connection for the filter.

  3. Associate connections

    • Bind the chart to ConnectionID_1 (the chart connection).

    • Bind the filter to the second connection.

  4. Add a filter parameter to the chart connection condition

    • Open Data Connectors → ConnectionID_1 → Condition.

    • Enable the condition (checkbox) and add your filter parameter.

      • If your environment uses standard syntax, reference fields and variables like:

        • [field_name] = {yourFilterVariable}

  5. Navigate to the Script on the load page of the filter component

    • Add the following line to reload the chart’s connection when the filter is (re)applied:

    sdk.reload( [ 'ConnectionID_1' ] );

  6. Preview

    • Click Preview to validate that changing the filter updates the chart.

Note: The ConnectionID_1 should be the chart connection.

Tips:

  • Ensure the Condition on ConnectionID_1 is enabled and correctly references the filter’s parameter/variable.

  • If you want the chart to refresh on user interaction (not just on load), also place the same sdk.reload( [ 'ConnectionID_1' ] ); inside the filter’s change event handler (if available in your component’s scripting options).

  • Keep component and connection names consistent so they’re easy to reference in scripts and conditions.

Troubleshooting

  • Chart doesn’t update: Verify the condition is enabled, the parameter/variable is set, and you’re reloading the correct ConnectionID_1.

  • No data after filtering: Check the condition expression (field/variable names) and try removing the filter to confirm baseline data loads.

  • Script not firing: Make sure the code is on the filter’s Script on load (and on change, if used), then re-open Preview.

PreviousKey ConfigurationsNextDrill Through