Area Charts

    1 dataset filling modes have been introduced in version 2.6.02 prior version 2.6.0, boundary values was 'zero', 'top', 'bottom' (deprecated)3 for backward compatibility, fill: true (default) is equivalent to fill: 'origin'

    Example

    Configuration

    OptionTypeDefaultDescription
    BooleantrueFill propagation when target is hidden

    If true, the fill area will be recursively extended to the visible target defined by the fill value of hidden dataset targets:

    1. new Chart(ctx, {
    2.     data: {
    3.         datasets: [
    4.             {fill: 'origin'},   // 0: fill to 'origin'
    5.             {fill: 1},          // 2: fill to dataset 1
    6.             {fill: false},      // 3: no fill
    7.             {fill: '-2'}        // 4: fill to dataset 2
    8.         ]
    9.     },
    10.     options: {
    11.         plugins: {
    12.                 propagate: true
    13.             }
    14.         }
    15.     }
    16. })

    propagate: true:

    • if dataset 2 is hidden, dataset 4 will fill to dataset 1