# Inner Text

## 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-core/dotnet-api/C1.AspNetCore.Mvc/C1.Web.Mvc.FlexPieBase-1.InnerText.html) property of the [FlexPie](/componentone/api/mvc/online-mvc-core/dotnet-api/C1.AspNetCore.Mvc/C1.Web.Mvc.FlexPie-1.html) class to display text inside the pie instead of Header text at the top. In addition, FlexPie lets you style or change the appearance of the text inside the pie using [InnerTextStyle](/componentone/api/mvc/online-mvc-core/dotnet-api/C1.AspNetCore.Mvc/C1.Web.Mvc.FlexPieBase-1.InnerTextStyle.html) property of the FlexPie class.

![](https://cdn.mescius.io/document-site-files/images/9b6a6cfe-b8e8-42e9-8a04-da6cb7762977/images/flexpieinnertext.png)

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

### View Code

```razor
@using C1.Web.Mvc
@using FlexPieInnerText_Core.Models
@model IEnumerable<FlexPieDataSource>
@{
    var innerTextStyle = new SVGStyle { FontSize = 28, FontWeight = "400", Fill = "#2244ff", Stroke = "#0099ff", StrokeWidth = 1, StrokeOpacity = 0.6 };
}
<c1-flex-pie id="fpie" inner-radius="0.4f" inner-text="Sales" inner-text-style="innerTextStyle"
             binding-name="Country" binding="Count">
    <c1-items-source source-collection="Model"></c1-items-source>
    <c1-flex-pie-datalabel content="{value}"></c1-flex-pie-datalabel>
</c1-flex-pie>
```