---
title: "Pie ViewHelper <c:echart.pie>"
manual: "SAV Charts"
version: "14.7"
source: "Reference/FluidParserViewHelpers/EChart/PieViewHelper/Index.rst"
rendered: "2026-09-17T13:01:15+00:00"
---

# Pie ViewHelper \<c:echart.pie> {#pie-viewhelper-c-echart-pie}

ViewHelper to include a pie chart with `Apache ECharts`.

Go to the source code of this ViewHelper:
[PieViewHelper.php](https://github.com/YolfTypo3/SavCharts/blob/main/Classes/ViewHelpers/EChart/PieViewHelper.php) (GitHub).

## Quick Test {#quick-test}

```xml
<c:template id="1">
EXT:sav_charts/Resources/Private/Templates/EChartsExamples/PieChart.fluid"
</c:template>
```

![](../../../../Images/ScreenShots/ECharts/pieChart.png)

## Arguments {#arguments}

-   **id**

    -   *Required:* true
    -   *Type:* string

    Chart ID

-   **options**

    -   *Required:* true
    -   *Type:* mixed

    Options, or a reference to options

-   **width**

    -   *Type:* string
    -   *Default:* 600

    Width value, or a reference to the width value

-   **height**

    -   *Type:* string
    -   *Default:* 400

    Height value, or a reference to the height value

## Examples {#examples}

### Defining a Pie Chart {#defining-a-pie-chart}

```xml
<c:echarts>
    <c:echart.pie id="1" options="data__pieChartOptions" >
        ...
    </c:echart.pie>
</c:echarts>
```