charts
Reactive icon

Charts

Stable version 1.0.0 (Compatible with OutSystems 11)
Uploaded
 on 2 Nov (yesterday)
 by 
0.0
 (0 ratings)
charts

Charts

Documentation
1.0.0

Horizontal Bar Chart Documentation

Overview

This chart is a horizontal bar chart used to visually compare multiple categories based on their values. The number of bars is dynamic and depends on the number of input categories provided in the dataset.


Chart Components

  1. Main Title

    • Positioned at the top of the chart.
    • Indicates the overall topic or purpose of the visualization.
  2. Subtitle

    • Located below the main title.
    • Provides additional context or instructions for interpreting the chart.
  3. Axes

    • Y-axis (Vertical):
      • Displays category names in a vertical list.
      • Each category corresponds to one horizontal bar.
    • X-axis (Horizontal):
      • Represents the scale of values (e.g., percentages, counts).
      • Allows comparison of bar lengths.
  4. Bars

    • Each category is represented by a horizontal bar.
    • Bar length is proportional to the category’s value.
    • Bars are aligned horizontally for easy comparison.
  5. Colors

    • Bars use multiple colors (e.g., green, red, orange, gray, teal).
    • Colors help distinguish categories visually.
    • A legend can be added to explain color meaning.
  6. Layout

    • Light gray background with a white plotting area.
    • Clear, readable text using a simple font.
    • Bars arranged neatly for visual clarity.