Ant Design как связать форму с графиком?

Question

У меня есть макет с двумя столбцами, слева - диаграмма ap ie, справа - форма, где вы можете изменить значения и, в случае удовлетворения, сохранить конфигурацию. Вместо моего текущего кода, который только позволяет диаграмме p ie представлять сохраненное состояние, я хочу, чтобы оно обновлялось, как только форма изменяется. Как я могу это сделать?

<Row>
    <Col md={12} lg={12}>
        <ChartPie portfolio={portfolio} />
    </Col>
    <Col md={12} lg={12}>
        <Form form={form} initialValues={portfolio} onFinish={onFinish}>
            <Form.List name="stocks">
            {(entries, { add, remove, move }) => (
                <AllocationTable
                form={form}
                data={entries}
                add={add}
                remove={remove}
                move={move}
                />
            )}
            </Form.List>
            <br />
            <Row justify="end">
            <Form.Item>
                <Button type="default" onClick={onReset}>
                Reset
                </Button>
            </Form.Item>
            <Form.Item>
                <Button type="primary" htmlType="submit" style={{ marginLeft: 8 }}>
                Submit
                </Button>
            </Form.Item>
            </Row>
        </Form>
    </Col>
</Row>