AppAlloy Documentation
Home
  • Glossary
  • 🚀Getting Started
    • Introduce AppAlloy Documentation
    • Build your first AppAlloy app
    • From sheet to app
  • 🗃️Data management
    • Learn data structure
    • Set up data source
      • Integrate with Google Sheets
      • Integrate with Microsoft Excel
      • Build Alloy table
      • Upload local file
    • Manage data type
    • Ultimate guide for data sheet
  • ⚒️Manage table views
    • Design Record View
    • Design Actions
      • Update current record
      • Delete current record
      • Delete many records
      • Create record
      • Open external URL
      • HTTP Request
      • Open phone call popup
      • Open SMS Popup
      • Open email popup
      • Send notification
    • Design Record Components
      • Plain Text
      • Phone number
      • Email
      • URL
      • Map
      • Barcode
      • Checkbox
      • Number
      • Currency
      • Rating
      • Voting
      • Date time
      • Relative date
      • Count Down / Count Up
      • Single Photo
      • Photo Gallery
      • Carousel
      • Audio Player
      • Video Player
      • Youtube Player
      • Vimeo Player
    • Design Form View
    • Design Form fields (synced tables)
      • Text (for synced tables)
      • Number (for synced tables)
      • Date time (for synced tables)
      • Checkbox (for synced table)
      • Options (for synced table)
      • Photos (for synced table)
      • Files (for synced table)
      • Table lookup (for synced table)
      • Signature (for synced table)
    • Design Form fields (Alloy tables)
      • Single line Text (for Alloy table)
      • Long Text (for Alloy table)
      • Phone number (for Alloy table)
      • Email (for Alloy table)
      • Barcode (for Alloy table)
      • Number (for Alloy table)
      • Currency (for Alloy table)
      • Checkbox (for Alloy table)
      • Date (for Alloy table)
      • Photos (for Alloy table)
      • Files (for Alloy table)
      • Single select (for Alloy table)
      • Multiple select (for Alloy table)
      • Address (for Alloy table)
      • Table lookup (for Alloy table)
  • 🎨Manage pages
    • Manage page types
    • Design 'View From' Page
    • Page Layouts
      • List Layout
      • Grid Layout
      • Card Layout
      • Map Layout
      • Checklist Layout
      • Calendar Layout
      • Kanban Layout
    • Design Canvas View Page
    • Canvas Charts
      • Line chart
      • Area Chart
      • Pie Chart
      • Donut Chart
      • Column chart vs. Stacked Column chart
      • Bar chart vs. Stacked bar chart
      • Table
    • Design Form of... Page
  • ⚙️Manage workflow
    • Introduce Workflow
    • Design a workflow
  • 🔌Manage Integration
    • Manage AppAlloy Integration
    • Manage Slack Integration
    • Manage Gmail Integration
    • Manage Google Drive Integration
    • Manage Google Calendar integration
  • 📱Manage App Settings
    • Manage app appearance
  • 🌎App distribution
    • Publish your app
    • Use app as Mobile Web app
    • Use app on AppAlloy Air
  • 🚹Account, team, and plan
    • Manage Account
    • Manage Apps
    • Manage Users
    • Manage Plans
    • Manage Teams
  • #️⃣Learn Power FX
    • Introduce Power FX
    • Operators & Identifiers
    • Formula References
      • Average
      • Concatenate
      • Date
      • DateAdd
      • DateDiff
      • DateValue
      • DateTimeValue
      • Day
      • If
      • Month
      • Now
      • Rand
      • RandBetween
      • Round
      • RoundDown
      • RoundUp
      • Sum
      • Text
      • Today
      • Weeknum
      • Weekday
      • Year
Powered by GitBook
On this page
  • Introduction
  • Settings
  • Title
  • Caption
  • Data
  • Style
  • X Axis
  • Y Axis
  • Series
  • Visibility

Was this helpful?

  1. Manage pages
  2. Canvas Charts

Column chart vs. Stacked Column chart

Column and Stacked Column Charts are effective for visualizing data with vertical bars.

Last updated 7 months ago

Was this helpful?

Introduction

Both Column and Stacked Column Charts are effective for visualizing data with vertical bars, but they serve slightly different purposes.

The Column Chart displays individual data series side by side, making it ideal for comparing values across different categories.

In contrast, the Stacked Column Chart shows the cumulative total of data series stacked on top of each other, which is useful for understanding the contribution of each series to the total value.

Suitable Use Cases:

  • Column Chart: Ideal for comparing individual values such as monthly sales figures for different products.

  • Stacked Column Chart: Useful for showing how different components contribute to a total over time, such as total sales with breakdowns by product category.

Settings

Title

Provides a clear label for the chart, helping users understand what data is being visualized.

Caption

Offers additional context or explanation for the chart. It may include data source information or key insights.

Data

Defines the source and specifics of the data used for the chart. For example, "from table 'Order List', show the number of orders per month in 2015."

Specify the data criteria to ensure the chart reflects the desired information accurately.

Style

Customize the chart’s appearance by choosing colors and whether to display a legend.

  • Color: Select colors for the bars or segments to differentiate between data series or to match your branding.

  • Checkbox Legend: Decide whether to include an explanation below the chart to help users identify different segments in the chart.

X Axis

Configure the horizontal axis to represent categories or time periods.

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

  • Axis Line Checkbox: Choose whether to display a line along the axis.

  • Axis Grid Line Checkbox: Decide whether to include grid lines in the inside area of the chart for easier reading of values.

Y Axis

Set up the vertical axis to display the value or measurement.

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

  • Value Format: Choose how to format the values label of the axis, 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 a line along the axis.

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

Series

Define each valua label of series or segment within the chart.

  • 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.

  • 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.

🎨
Column chart shows the total orders each month in 2015
Stacked column chart shows the orders of each month in year 2015, 2016, and 2017 together