diff --git a/packages/core/client/src/schema-settings/SchemaSettingsSortingRule.tsx b/packages/core/client/src/schema-settings/SchemaSettingsSortingRule.tsx
index c34f3a409..08ad3e96e 100644
--- a/packages/core/client/src/schema-settings/SchemaSettingsSortingRule.tsx
+++ b/packages/core/client/src/schema-settings/SchemaSettingsSortingRule.tsx
@@ -117,6 +117,7 @@ export const SchemaSettingsSortingRule = function SortRuleConfigure(props) {
         });
         _.set(fieldSchema, 'x-component-props.service.params.sort', sortArr);
         props?.onSubmitCallBack?.(sortArr);
+        field.componentProps = fieldSchema['x-component-props'];
         dn.emit('patch', {
           schema: {
             ['x-uid']: fieldSchema['x-uid'],
diff --git a/packages/plugins/@tachybase/plugin-data-visualization/src/client/filter/FilterItemDesigner.tsx b/packages/plugins/@tachybase/plugin-data-visualization/src/client/filter/FilterItemDesigner.tsx
index 9b6208a22..a7ddae052 100644
--- a/packages/plugins/@tachybase/plugin-data-visualization/src/client/filter/FilterItemDesigner.tsx
+++ b/packages/plugins/@tachybase/plugin-data-visualization/src/client/filter/FilterItemDesigner.tsx
@@ -11,6 +11,7 @@ import {
   SchemaSettingsModalItem,
   SchemaSettingsRemove,
   SchemaSettingsSelectItem,
+  SchemaSettingsSortingRule,
   useCollection_deprecated,
   useCollectionManager_deprecated,
   useCompile,
@@ -366,6 +367,7 @@ export const ChartFilterItemDesigner: React.FC = () => {
       {!isCustom && <EditOperator />}
       <EditTitleField />
       <EditDefaultValue />
+      <SchemaSettingsSortingRule />
       {collectionField ? <SchemaSettingsDivider /> : null}
       <SchemaSettingsRemove
         key="remove"