Customizing Appearance

Several properties allow you to change the colors used for the pie slices, along with other elements in pie charts.

Built-In Palettes

Style selectors determine what style will be applied to each pie slice. To change the style selector, set PieSeries.SliceStyleSelector to an instance of PieSlicePaletteStyleSelector, or a custom implementation of IPieSliceStyleSelector.

PieSlicePaletteStyleSelector contains several built-in palettes to make styling your pie chart or donut chart easier. The full list can be found in the PaletteKind enumeration.

A built-in palette can be assigned to a pie / donut chart like this (in this case the Roman palette):

<charts:PieChart>
	<charts:PieSeries>
		<charts:PieSeries.SliceStyleSelector>
			<charts:PieSlicePaletteStyleSelector>
				<charts:Palette Kind="Roman"/>
			</charts:PieSlicePaletteStyleSelector>
		</charts:PieSeries.SliceStyleSelector>
	</charts:PieSeries>
</charts:PieChart>

Custom Palettes

Custom palettes can be assigned by specifying your own colors on an instance of Palette.

<charts:PieChart>
	<charts:PieSeries>
		<charts:PieSeries.SliceStyleSelector>
			<charts:PieSlicePaletteStyleSelector>
				<charts:Palette>
					<Color>#FFFF00</Color>
					<Color>#00FFFF</Color>
					<Color>#FF00FF</Color>
					<Color>#00FF00</Color>
					<Color>#FF0000</Color>
					<Color>#0000FF</Color>
				</charts:Palette>
			</charts:PieSlicePaletteStyleSelector>
		</charts:PieSeries.SliceStyleSelector>
	</charts:PieSeries>
</charts:PieChart>

Chart Border

The color and thickness of a pie / donut chart border can be changed using the PieChart.BorderBrush and PieChart.BorderThickness properties, respectively.

<charts:PieChart BorderBrush="DarkSlateGray" BorderThickness="3"/>

Chart Background

The color of a pie / donut chart background can be changed using the PieChart.Background property.

<charts:PieChart Background="DimGray"/>