Area chart

Use an area chart to display the accumulation of quantitative data.

TIP: Hovering over the chart displays more precise data.

Best practices

  • Limit each chart to 10 data series or fewer.
  • To identify a moment in time, add a band or guide.

Example: Area chart for accumulating values over time

Shortcode


                [amcharts
  id="serial"
  data-type="time"
  data-series0="SAN_2015_01_Chart_5_s1"
  data-series0label="Canadian government bonds"
  data-series1="SAN_2015_01_Chart_5_s2"
  data-series1label="Canadian private corporation bonds"
  data-series2="SAN_2015_01_Chart_5_s3"
  data-series2label="Canadian equity and investment fund shares"

  data-rightaxistitle="Can$ millions"
  data-rightAxisStackType="regular"
  data-series0type="fill"
  data-series1type="fill"
  data-series2type="fill"

  data-start_date="2009-01-01"
  data-end_date="2013-01-01"
  data-period="month"

  data-charttitle="Title"
  data-subtitle="Subtitle"
  data-legendUseGraphSettings="false"
]
            

Example: Stacked area chart

Shortcode


                [amcharts
  id="serial"
  data-type="time"
  data-group="BCPI_WEIGHTS"
  data-rightAxisStackType="100%"
  data-series0type="fill"
  data-series1type="fill"
  data-series2type="fill"
  data-series3type="fill"
  data-series4type="fill"
  data-series5type="fill"
  data-series6type="fill"
  data-series7type="fill"
  data-series8type="fill"
  data-series9type="fill"

  data-period="month"
  data-legendUseGraphSettings="false"

  data-charttitle="Title"
  data-subtitle="Subtitle"
  data-callback="CB_Remove_Chart_Cursor"
]