{"id":27348,"date":"2025-11-10T19:13:27","date_gmt":"2025-11-10T19:13:27","guid":{"rendered":"https:\/\/www.highcharts.com\/blog\/?post_type=chartchooser&p=27348"},"modified":"2026-05-18T06:18:59","modified_gmt":"2026-05-18T06:18:59","slug":"stacked-area-composition-continuous","status":"publish","type":"chartchooser","link":"https:\/\/www.highcharts.com\/blog\/chartchooser\/stacked-area-composition-continuous\/","title":{"rendered":"Stacked Area"},"content":{"rendered":"\n
\n
\n
Back to charts<\/a><\/div>\n\n\n

Stacked Area<\/h2>\n\n\n

A stacked area chart is an effective way to display continuous data composition over time or distance.<\/p>\n\n\n\n

The demo below shows the mole fraction of the main constituents of the Earth\u2019s atmosphere as a function of height following the MSIS-E-90 atmospheric model.<\/p>\n<\/div>\n<\/section>\n\n\n\n

\n
\n
\n
\n
\n
<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\n
\n
<\/span><\/span><\/span><\/div>\n\n\n\n

Nice to know<\/h3>\n<\/div>\n\n\n\n
\n\n\n\n
Pros:<\/span><\/div><\/div>\n\n\n\n
\n
    \n
  1. \n

    Stacked area charts are simple to read and understand.<\/p>\n <\/li>\n

  2. \n

    Stacked area charts help readers to spot main trends and compositions with ease.<\/p>\n <\/li>\n <\/ol>\n<\/div>\n\n\n\n

    Cons:<\/span><\/div><\/div>\n\n\n\n
    \n
      \n
    1. \n

      A stacked chart can be quickly cluttered with a large number of series.<\/p>\n <\/li>\n

    2. \n

      A series with small values can be challenging to observe.<\/p>\n <\/li>\n <\/ol>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n\n\n

      \n
      \n
      \n<\/div>\n<\/section>\n\n\n\n
      \n
      \n
      \n
      \n
      \n
      <\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n
      \n
      \n
      \n
      \n
      <\/span><\/span><\/span><\/div>\n\n\n\n

      Accessibility<\/h3>\n<\/div>\n\n\n\n

      You can easily turn a regular stacked area chart into an accessible stacked area chart using monochrome colors.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n\n\n

      \n
      \n
      \n<\/div>\n<\/section>\n\n\n\n
      \n
      \n
      \n
      \n

      Information<\/h3>\n\n\n\n
      \n\n\n\n

      Learn more about how to create an areaspline chart with Highcharts<\/a>.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"

      Use a stacked area chart to display continuous data composition. Explore Chart Chooser to learn more about stacked areas and other data visualization charts.<\/p>\n","protected":false},"featured_media":0,"template":"","meta":{"_chartchooser_svg":"stackedArea"},"objective":[903],"data_type":[938],"chart_type":[946],"license_type":[970],"class_list":["post-27348","chartchooser","type-chartchooser","status-publish","hentry","objective-composition","data_type-continuous","chart_type-stacked-area","license_type-highcharts"],"_links":{"self":[{"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/chartchooser\/27348","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/chartchooser"}],"about":[{"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/types\/chartchooser"}],"wp:attachment":[{"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/media?parent=27348"}],"wp:term":[{"taxonomy":"objective","embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/objective?post=27348"},{"taxonomy":"data_type","embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/data_type?post=27348"},{"taxonomy":"chart_type","embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/chart_type?post=27348"},{"taxonomy":"license_type","embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/license_type?post=27348"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}