# Inner Text

Display text in the center of the pie chart using ComponentOne MVC FlexPie  control. Learn more about adding inner text in FlexPie in MVC documentation.

## Content



In addition to customizing appearance, FlexPie allows you to display text as the header or in the center of the chart. You can use [InnerText](/componentone/api/mvc/online-mvc/dotnet-framework-api/C1.Web.Mvc/C1.Web.Mvc.FlexPieBase-1.InnerText.html) property of the **FlexPie** class to display text inside the pie instead of showing it as a Header text at the top. Additionally, you can style or change the appearance of the text inside the pie using [InnerTextStyle](/componentone/api/mvc/online-mvc/dotnet-framework-api/C1.Web.Mvc/C1.Web.Mvc.FlexPieBase-1.InnerTextStyle.html) property of the FlexPie class.

![FlexPie with inner text](https://cdn.mescius.io/document-site-files/images/2b3ac322-100e-4637-958d-fb40dcda3f44/images/flexpieinnertext.png)

The following examples shows how you can display text inside the pie using the **InnerText** and style it using the **InnerTextStyle** properties. This example uses the sample created in the [Quick Start](/componentone/docs/mvc/online-mvc/workwithcontrols/FlexPie/FlexPieQuickStart) section.

### View Code

```razor
@model IEnumerable<FlexPieDataSource>
@(Html.C1().FlexPie<FlexPieDataSource>()
           .Bind("Country", "Sales", Model).DataLabel(dl=>dl.Content("{value}"))
           .InnerRadius(0.4f)
           .InnerText("Sales")
           .InnerTextStyle(svgb => svgb.FontSize(28).FontWeight("400").Fill("#2244ff").Stroke("#0099ff").StrokeWidth(1).StrokeOpacity(0.6))
)
```