Polar Area Chart Examples

Polar area charts are similar to pie charts, but each segment has the same angle - the radius of the segment differs depending on the value. This type of chart is often useful when we want to show a comparison data similar to a pie chart, but also show a scale of values for context.

Basic Usage

Source

<RzChart Configure=@(c => c
    .Data(d => d
        .Labels("Red", "Green", "Yellow", "Grey", "Blue")
        .Datasets(ds => ds
            .PolarArea()
            .Label("Polar Area Dataset")
            .Data(11, 16, 7, 3, 14)
            .BackgroundColors("var(--chart-1)", "var(--chart-2)", "var(--chart-3)", "var(--chart-4)", "var(--chart-5)")
        )
    )
    .Options(o => o
        .Responsive(true)
        .MaintainAspectRatio(false)
        .Plugins(p => p.Title(t => t.Display(true).Text("Chart.js Polar Area Chart")))
    )) />

Polar Area Dataset Options

Circular

By default the Arc is curved. If circular: false the Arc will be flat.

.Circular(true)