This behaviour is unfortunately expected, even though the documentation suggests Funnel charts are supported in Power Pages.
What’s actually happening
Power Pages uses a lightweight chart renderer that supports only a subset of the chart types available in model‑driven apps.
While the documentation lists Funnel charts as supported, the underlying client‑side renderer does not fully implement the Funnel chart schema, which results in:
-
The chart placeholder showing “Undefined”
-
The chart failing to render even though the XML is valid
-
Other chart types (Pie, Column, Bar, Doughnut) rendering correctly
This is why switching the same chart to Pie/Column works immediately — the issue is not your Liquid code, not the chart ID, and not the view. It’s the chart type.
Workarounds
Here are the practical options available today:
1. Convert the Funnel chart to a supported type
If the business requirement allows it, use:
-
Column chart
-
Bar chart
-
Pie chart
-
Doughnut chart
These render reliably in Power Pages.
2. Build a custom Funnel chart using JavaScript
If you must display a Funnel:
-
Use a Web Template or Custom Component
-
Pull the data via Liquid or Web API
-
Render the Funnel using a JS charting library (Chart.js, D3, ApexCharts, etc.)
This gives full control and works consistently.
3. Use Power BI Embedded (Recommended for Enterprise)
If a funnel visualization is required:
Create the Funnel chart in Power BI
Embed the report into Power Pages
Apply row-level security if needed
4. Custom Chart Using Chart.js
Build a custom funnel visualization using:
-
Chart.js
-
D3.js
-
ApexCharts
Fetch data via:
Then render a funnel chart client-side.
Why It Works in Model-Driven App but Not in Power Pages
Model-Driven Apps use modern client-side chart rendering (Dynamics internal chart engine).
Power Pages uses a different rendering pipeline that only supports a subset of chart types:
Supported (typically)