SharedSamples.org
Home / Back to collection
Column Formatting

Pie Chart

This example renders whole pie in neutralLight with radius 50 and the number% (column value) as a slice of the pie in blue using `<svg>` with `<path>` tags. The number% displayed at the bottom of the pie in neutralPrimary.

Pie Chart

About this sample

This example renders whole pie in neutralLight with radius 50 and the number% (column value) as a slice of the pie in blue using `<svg>` with `<path>` tags. The number% displayed at the bottom of the pie in neutralPrimary.

Products & metadata

SharePointMicrosoft ListsColumnSharePoint 2019, SharePoint OnlineSVGNumbertoString, sin, cosms-fontColor-neutralPrimary, ms-bgColor-neutralLight, ms-fontWeight-light, ms-fontSize-xlColumn Formatting