{"id":698,"date":"2024-10-17T07:34:58","date_gmt":"2024-10-17T07:34:58","guid":{"rendered":"https:\/\/www.go-chart.com\/de\/?p=698"},"modified":"2024-10-17T07:36:05","modified_gmt":"2024-10-17T07:36:05","slug":"tutorial-creating-100-stacked-column-charts-with-visual-paradigm-online","status":"publish","type":"post","link":"https:\/\/www.go-chart.com\/de\/tutorial-creating-100-stacked-column-charts-with-visual-paradigm-online\/","title":{"rendered":"Tutorial: Creating 100% Stacked Column Charts with Visual Paradigm Online"},"content":{"rendered":"

Introduction<\/h2>\n

A 100% stacked column chart is a great way to visualize the composition of different categories as a percentage of a whole. Unlike a standard stacked column chart, where the actual values are displayed, a 100% stacked column chart shows the relative proportion of each category within a total, making it easier to compare percentages across different groups.<\/p>\n

Key Concepts<\/h2>\n
    \n
  1. Data Preparation<\/strong>: Ensure your data is structured to represent categories and their respective values.<\/li>\n
  2. Normalization<\/strong>: Convert absolute values into percentages to reflect the relative contribution of each category.<\/li>\n
  3. ECharts Configuration<\/strong>: Set up the chart options to display a 100% stacked column chart correctly.<\/li>\n<\/ol>\n

    Example Scenario<\/h2>\n

    Let’s consider a company that tracks sales performance across three regions (North, South, East) for three product categories (A, B, C) over a year. The sales data (in thousands) is as follows:<\/p>\n\n\n\n\n\n\n\n
    Region<\/th>\nProduct A<\/th>\nProduct B<\/th>\nProduct C<\/th>\n<\/tr>\n<\/thead>\n
    North<\/td>\n30<\/td>\n20<\/td>\n50<\/td>\n<\/tr>\n
    South<\/td>\n50<\/td>\n30<\/td>\n20<\/td>\n<\/tr>\n
    East<\/td>\n20<\/td>\n40<\/td>\n40<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

    Step 1: Data Preparation<\/h3>\n

    Convert the absolute sales figures into percentages for each region:<\/p>\n