mage_ai/data_preparation/models/widget/constants.py
:
mage_ai/frontend/interfaces/ChartBlockType.ts
:
mage_ai/frontend/components/ChartBlock/constants.ts
,
add a list of options for the user to configure their chart with:
mage_ai/frontend/interfaces/ChartBlockType.ts
,:
mage_ai/data_preparation/models/widget/constants.py
:
mage_ai/frontend/interfaces/ChartBlockType.ts
, add the following:
mage_ai/frontend/components/ChartBlock/constants.ts
:
mage_ai/data_preparation/models/widget/__init__.py
,
add additional logic for parsing the input values from the
variables defined in the chart block’s code.
The output of this method is provided to the front-end React components for rendering.
mage_ai/frontend/components/ChartBlock/ChartController.tsx
,
import your React component for your new chart and render it.
For example: