Stacker
LoginSign upAstra Docs
  • Getting Started: Quick Guide
    • What is Stacker?
    • Key Features
    • Quick Overview of Stacker
    • What can I build in Stacker?
      • Creating a Home Page
      • Build an Internal Tool
    • Creating your first App
  • Stacker V 5(Astra) - Frequently Asked Questions
  • Account Settings
    • What is a Workspace?
      • Workspace Settings
      • Delete a Workspace
    • Adding Multiple Apps
      • Deleting an App
    • Subscriptions and Billing
  • Customer Access
    • Customer Access
  • Layout types
    • Layout Types
      • Layouts vs Custom Pages
    • Adding Custom Pages in Stacker
    • Detail Layout
      • Detail page widgets
        • Detail: Text Widget
        • Detail: Related Record Widget
        • Detail: Related Record List
          • Related record list widget not showing option
        • Detail: Quick Links Widget
        • Detail: Pipeline Widget
        • Detail: Highlights Widget
        • Detail: Fields Widget
          • Detail: Field Options
          • Separating fields into sections
        • Detail: Embed Widget
          • Embedding Google Maps
          • Embedding Airtable
          • Embedding Loom Videos
          • Embedding Vimeo
          • Embedding Youtube
          • Embedding Google Drive videos
          • Embedding Google Drive Images
          • Embedding content on a detail page
        • Detail: Callout Widget
        • Detail: Banner Widget
        • Detail: Big Numbers Widget
        • Detail: Charts Widget
      • Detail: Delete Record Button
      • Detail: Edit Button
      • Detail: Record Header
        • Change the title on the detail page
      • Detail: Tabs
        • Detail: Activity Tab
    • List Layout
      • Calendar Layout
      • List Options
        • List: Sort
        • List: Cover Image
        • List: Roles
        • List Layout: Change layout title
        • List: Inline Filters
        • List: Header
        • List: Duplicate Layout
        • List: Filter
        • Allow users to download list data as CSV
        • List: Relative Date Filtering
        • List: Field options
        • List: Show, Hide, and Reorder Fields
    • Customize the Form Layout
      • Creating multi step form
      • Auto-filling values into create forms
      • Set default values on Forms
    • Stacker Navigation
      • Navigation: Showing and hiding tables
      • Enable Breadcrumb Navigation
  • Permissions and Security
    • Introduction to Permissions
    • Configure a Permission Rule
      • Table Permissions
        • Editing Permissions
        • Multiple permission rules
    • Set up User Roles
      • Automatically assign Roles
    • Conditional Visibility
  • Customization
    • Client Logos
    • Customizing App Appearance
    • Getting started with CSS in Stacker
    • Custom CSS
    • Workspace Appearance
    • Custom Domain
      • Custom Domain not working
    • Whitelabel
    • Custom Scripts
    • Creating Buttons
      • Action Buttons
      • Add new button showing when it shouldn't
    • Translate your Stacker App
  • Users
    • Introduction to users in Stacker
    • Users: Overview
    • Users: Workspace Collaborators
      • Workspace Users
    • Users: App Users
      • Adding users to your app
      • Login flow for users
      • Open Signup
      • Registering and Logging in
    • Previewing an app as a user for testing
  • Data
    • Formula field
    • Rich Text
    • Third Party Integrations
      • FullStory integration
      • Intercom Integration
      • Zapier Integration
        • Sending an email with Zapier
      • Airtable
        • Syncing Schema and Data
        • Update Sharing link password
        • Real time Airtable sync
        • Upgrading Airtable data connections
        • Enabling tables and fields
    • Enable Color on Single and Multi Select Fields
    • Apply dynamic data filter to Link Fields
    • Importing data into Stacker
      • Importing data from CSV
    • Applying table data filters
    • Exporting data from Stacker
    • Creating lookups and rollups between tables
      • Creating links between tables
    • Stacker Tables: Editing field names and types
      • Stacker Tables: Pasting Data
      • Stacker Tables: Linked Fields
      • Stacker Tables: Editing and deleting tables
      • Stacker Tables: Creating a new table
      • Stacker Tables: Adding new fields
      • Stacker Tables: Adding and Editing Rows
      • Stacker Fields
  • Troubleshooting
    • There was an error saving your record
    • Unable to toggle on linked fields
Powered by GitBook
On this page
  • Add a chart widget
  • Set up Bar Charts
  • Set up Line Chart
  • Set up Donut Chart
  1. Layout types
  2. Detail Layout
  3. Detail page widgets

Detail: Charts Widget

PreviousDetail: Big Numbers WidgetNextDetail: Delete Record Button

Last updated 1 month ago

You can add charts to your Detail Layouts and Custom Pages to show data from your tables in a bar, line or donut chart.

Types of displays you can add to your layouts:

  • Bar Chart

  • Line Graph

  • Donut Chart

Add a chart widget

You can add three charts to each widget.

  1. Click Edit layout

  2. Select Charts widget

  3. Click Add Chart

  4. Choose the data source for your chart

  5. Choose the chart type: , or

  6. Choose how to group your data

  7. Save your layout

Set up Bar Charts

Horizontal axis: Choose which field you’d like to show on the x-axis from your selected data source.

Vertical axis: Choose an aggregate measure for the y-axis, e.g. record count, field sum, or field average.

Group by: Add an optional ‘Group by’ field. For example, you could create a line chart to display the number of tickets every day for the past week, grouped by the teams assigned to each ticket.

Display options

You can choose to:

  • Show Horizontal or Vertical charts

  • Hide labels and values

  • Sort by label or values, and ascending or descending

  • Round or Abbreviate long results

  • Show a maximum number of items to appear on the chart

Tip

To show the colors of your single select or multi select fields choose the field in the "Group by" on the Bar Chart.

Set up Line Chart

Horizontal axis: Choose a date or datetime field to display on the x-axis from your selected data source.

Bucket values by: Choose how you would like to group your records: Day, week, month, quarter, or year.

Vertical axis: Choose an aggregate measure for the y-axis: record count, field sum or field average.

Group by: Add an optional ‘Group by’ field, for example you could create a line chart to display the number of tickets every day for the past week, grouped by the teams assigned to each ticket.

Display options:

You can choose to:

  • Hide labels and values

  • Round or Abbreviate long results

  • Show a maximum number of items to appear on the chart

Set up Donut Chart

Group by: Choose which field to group by.

Aggregate Measure: Choose an aggregate measure for the y-axis: record count, field sum, or field average.

Display options

You can choose to:

  • Hide labels and values

  • Round or Abbreviate long results

  • Show a maximum number of items to appear on the chart

donut
bar
line chart