Area Chart

The Area Chart in AppAlloy is a powerful tool for visualizing the cumulative values over time.

Introduction

This Area chart is ideal for understanding the magnitude of data changes and visualizing the proportion of different data series.

Suitable Use Cases:

  • Sales Growth: Track the total sales volume over time, showcasing both the trend and the overall sales magnitude.

  • Customer Retention: Analyze how customer engagement changes over time, with emphasis on the cumulative impact.

  • Revenue Analysis: Visualize revenue growth or decline across different periods, helping identify patterns and trends.

  • Project Progress: Monitor progress against goals by visualizing how the total project metrics evolve over time.

Settings

Title

The title provides a clear and concise label for the chart, helping users quickly understand what data is being represented.

Caption

The caption offers additional context or explanatory text for the chart. It may include information about the data source or key insights derived from the chart.

Data

Define the source and specifics of the data used for the chart. For instance, "from table 'Customer', show the number of new Customers in the last 6 months."

Style

Customize the appearance of the chart by selecting colors and deciding whether to display a legend as the explanation for each data part in the chart.

  • Color: Choose colors for the donut segments to differentiate between categories or to align with your branding.

  • Checkbox Legend: Decide whether to include an explanation below the chart that helps users identify what kind of data is shown on the chart

X Axis

Configure the horizontal axis to represent time or categories.

  • Axis Name: Label the axis to indicate what it represents

  • Axis Line Checkbox: Choose whether to display the first vertical line from the bottom of the chart as the line along the axis to improve clarity.

  • Axis Grid Line Checkbox: Decide whether to include grid lines in the chart area to aid in reading values.

Y Axis

Set up the vertical axis to display the values or measurements.

  • Axis Name: Label the axis to specify what the values represent.

  • Value Format: Choose how to format the values, such as Number, Currency, or Fraction.

  • Value Label Prefix: Add text before the value in the label, if necessary (e.g., "$" for currency).

  • Value Label Suffix: Add text after the value in the label, if necessary (e.g., "%" for percentages).

  • Axis Line Checkbox: Decide whether to display the first line to the left of the chart, along the axis as the clarification.

  • Axis Grid Line Checkbox: Choose whether to include grid lines on the inside area of the chart for better readability.

Series

Define the value label for each data point of the chart, including its format and labeling.

  • Value Format: Choose the format for the values, such as Number, Currency, or Fraction.

  • Value Label Prefix: Add text before the value in the label, if necessary.

  • Value Label Suffix: Add text after the value in the label, if necessary.

Visibility

Control the chart’s visibility based on specific conditions.

  • Settings:

    • Yes: Hide the chart.

    • No: Show the chart.

    • Use PowerFX: Set conditions to dynamically show or hide the chart based on criteria or user inputs.

Last updated