Polar Area Chart

    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.

    config setup

    Namespaces:

    • - options for this dataset only
    • options.elements.arc - options for all arc elements
    • options - options for the whole chart

    The following options can be included in a polar area chart dataset to configure options for that specific dataset.

    The style of each arc can be controlled with the following properties:

    All these values, if undefined, fallback to the associated options.

    The following values are supported for borderAlign.

    • 'center' (default)

    When 'center' is set, the borders of arcs next to each other will overlap. When 'inner' is set, it is guaranteed that all the borders do not overlap.

    The interaction with each arc can be controlled with the following properties:

    These are the customisation options specific to Polar Area charts. These options are looked up on access, and form together with the global chart default options the options of the chart.

    The polar area chart uses the scale. Additional configuration is provided via the scale.

    We can also change these default values for each PolarArea type that is created, this object is available at . Changing the global options only affects charts created after the change. Existing charts are not changed.

    For example, to configure all new polar area charts with animateScale = false you would do:

    For a polar area chart, datasets need to contain an array of data points. The data points should be a number, Chart.js will total all of the numbers and calculate the relative proportion of each.