Appfarm Documentation
Getting startedDocumentationCommunityAppfarm Create
  • Overview
  • Getting Started
    • What is Appfarm?
    • Key concepts
    • Quickstart
      • Speed intro
      • Step-by-step guide
    • Appfarm Showroom
    • FAQ
  • Appcademy
    • Learning paths
    • Appfarm Fundamentals
      • Intro Course
        • 1. Intro to No-Code and Appfarm
        • 2. Navigation in Appfarm Create
        • 3. What is Apps?
        • 4. Intro to UI Editor
        • 5. Data Model
        • 6. App Data
        • 7. Actions
        • 8. Tips and Tricks
        • 9. Intro to practical walkthrough
        • 10. Create a details view of a Project
        • 11. Create a Custom List
        • 12. Swipe and Delete
        • 13. Functionality for simple Create of Data
        • 14. Upload and Download Photos
        • 15. Input Dialog with Validation and Save
        • 16. Dashboard
        • 17. Summary
        • Quiz
      • User Interface Fundamentals
        • Container - Sectioning, Styling and Repeating
        • Conditional Styles
        • Motions
        • Responsive Design
        • Step-by-step workflow
        • Featured UI Components
        • Quiz
      • App Data Fundamentals
        • Data Source Filtering
        • App Variables and Runtime Properties
        • URL Parameters
        • Quiz
      • Actions & Logic Fundamentals
        • Event Handlers
        • Featured Action Nodes
        • Context Parameters
        • Quiz
      • Services Fundamentals
        • Introduction to Services
        • Setting up a Service
        • Scheduling a Service
      • Integration Fundamentals
        • The web request action node
        • Fetch data from an endpoint
        • Map data to a data source
        • Modify the response
        • Nested data mapping
        • Path parameters
        • Authentication
        • Send data to an endpoint
        • Quiz
      • User handling and permissions
        • Users and roles
        • Permissions
        • Creating users
        • Extending the User object class
        • Updating and deleting users
        • Unauthenticated access
        • Quiz
    • Appfarm Professional
      • User Interfaces
        • Featured UI Components
        • Concepts and Use Cases
      • Data Structures & Data Handling
        • Data Features
        • Search & Filters
        • Featured Action Nodes
        • GraphQL
      • Logic & Flow
        • Logical Concepts
        • Date and Time Handling
        • Featured Action Nodes
        • Exception Handling
      • Login & Configuration
        • Login and Authentication
        • Settings, Configuration and Languages
      • Security & Operations
        • Security and Permissions
        • Deployment
        • Schedules and Logs
        • Debugging and App Health
      • Performance & Optimization
        • Optimizing Performance
        • Enhancing Functionality
    • Appfarm Sales Representative
    • Appfarm Developer Forum
      • Session 1: Data Modeling in Appfarm Create
      • Session 2: App Data in Appfarm Create
      • Session 3: Services in Appfarm Create
      • Session 4: Optimizing Performance
    • Background
      • Databases
        • Data modeling 101
        • Database normalization
  • Library
    • UI components
      • Advanced bar chart
      • Advanced bubble chart
      • Advanced combined chart
      • Advanced gantt chart
      • Advanced heatmap chart
      • Advanced line/area chart
      • Advanced pie chart
      • Advanced scatter plot chart
      • Advanced solid gauge chart
      • Animated component
      • Avatar
      • Avatar group
      • Basic bar chart
      • Basic gauge chart
      • Basic line chart
      • Basic pie chart
      • Bottom navigation
      • Button
      • Checkbox
      • Chip group
      • Circular progress
      • Coded component
      • Container
      • Date & time picker
      • Drawable canvas
      • Floating action button
      • Icon
      • Icon button
      • Iframe
      • Image
      • Linear progress
      • List
      • Map
      • Menu list
      • Multi select
      • PDF reader
      • Popover
      • Radio buttons
      • Rich text editor
      • Rich text
      • Select
      • Slider
      • Speed dial
      • Switch
      • Table
      • Tabs
      • Text
      • Text edit
      • View container
      • Visibility group
    • Action nodes
      • Aggregate data
      • Advanced search
      • Auth operations
      • Block
      • Catch exception
      • Copy to clipboard
      • Create file archive
      • Create file object
      • Create object
      • Create user account
      • Delete objects
      • Delete user account
      • Duplicate objects
      • End execution
      • Exit block
      • Exit loop
      • Export data
      • Foreach
      • Generate document
      • If
      • Import data
      • Invalidate cache
      • Log in
      • Log to console
      • Log out
      • Next iteration
      • Navigate
      • Open/close popover
      • Open confirm dialog
      • Open print dialog
      • Open snackbar
      • Open Unsplash dialog
      • Open URL
      • Persist objects
      • Push notifications
      • Read objects
      • Request permissions
      • Run code
      • Run other action
      • Run service
      • Scan barcode/QR code
      • Send email
      • Send SMS
      • Set client language
      • Set data source attributes
      • Set selection
      • Set theme
      • Set user account image
      • Show install app prompt
      • Sleep
      • Sort objects
      • Throw exception
      • Toggle drawer
      • Update object
      • Update secret
      • Update user account
      • Web request
      • While
  • Reference
    • Appfarm Create
      • Appfarm Commander
      • Blue dots
      • Copy & Paste
      • Farmer's Market
      • Find references
      • Find usage
      • Keyboard shortcuts
      • Undo/Redo
      • User preferences
    • Platform concepts
      • Conditions
      • Data bindings
      • Date and time
      • Event handlers
      • Filters
      • Functions
      • Markdown
      • Objects
      • Operators
      • Value processor
    • Dashboard
    • Apps
      • UI
        • Views
          • Dialog
          • Drawer
        • Layout designer
        • Component properties
        • Shareable UI components
      • Data
        • App variables
        • Data sources
        • Calendar data sources
      • Actions
      • App settings
      • App size
      • App health
    • Services
      • Service Endpoints
      • Service settings
      • Service health
      • API explorer
    • Data model
      • Object classes
      • Object class properties
      • Enumerated types
      • GraphQL
        • Queries
        • Mutations
      • Data Extract API
      • Time series data
    • Operations
      • Deploy
      • Schedules
      • Logs
    • Resources
      • Themes
      • Files
      • Fonts
      • Internationalization
    • Configuration
      • Environments
      • Login
        • Custom auth providers
    • Security
      • Users
      • Service accounts
      • Roles
      • Secrets
      • Permissions
        • Conditional Permissions
    • Appfarm Client
      • Developer tools for Apps
      • Developer tools for Services
      • Warnings and errors
  • How to
    • Data modeling
      • Many-to-many relationships
      • Use naming conventions
      • Offline data handling
      • Data silos and White labelling
    • User interface
      • Manage a many-to-many relationship with a Chip group
      • Configure drag and drop
      • Build a drag-and-drop calendar
      • Design a responsive layout
      • Work with flexbox
      • Use Mapbox as a map layer
      • Understand charts
    • Logic and flow
      • Event Log Design
      • Configure advanced search
    • Themes and styling
      • Change the active theme
      • Add custom email templates
    • Enhance your app
      • Add deep links
      • Add keyboard shortcuts
      • Add link previews for social media
      • Apply SEO best practices
      • Change the active language
      • Generate a PDF from a Container
    • Integrations
      • Integrate with external systems
      • Integrate with OpenAI
      • Integrate with Google Analytics (GA4)
      • Configure a custom email account
      • Integrate with a payment provider
      • Integrate with Signicat
      • Integrate directly with an external database
      • Retrieve a Bearer token from Google Cloud
      • Fetch data from BigQuery
      • Retrieve access token from Microsoft Entra ID
    • Workflow automation
      • Update an OAuth 2.0 access token from a service
    • Authentication and access control
      • Add users and assign roles
      • Configure unauthenticated access
      • Implement third-party authentication
    • Security, testing and deployment
      • Add a custom domain
      • Install an app on a device
      • Get ready for Production
      • Optimize performance
      • Security checklist
      • Test and debug
    • Example apps
      • Create an Instagram clone
        • The end result
        • Designing the feed
        • Create new post
        • Add a like-button
        • Add comment-functionality
  • Solution administration
    • Subscription and billing
    • Dedicated tier benefits
    • Guide to GDPR
      • Key principles
      • How Appfarm protects personal data
      • How you can protect your clients’ data
      • Glossary
    • Appfarm and the EU AI Act
  • Policies
    • Appfarm Policies
    • Data Processors
    • Privacy Policy
Powered by GitBook
On this page
  • Usage
  • Properties

Was this helpful?

Export as PDF
  1. Library
  2. UI components

Advanced gantt chart

PreviousAdvanced combined chartNextAdvanced heatmap chart

Last updated 8 months ago

Was this helpful?

Important

All solutions have access to try advanced charts, but use of an advanced chart in Production is determined by your subscription tier.

The Advanced Gantt Chart displays a schedule with start and finish dates of a project's elements, such as resources, planning, and dependencies.

Usage

Advanced Gantt Charts are used to show project schedules or similar, for example resource planning diagrams.

Examples

Advanced Gantt Chart examples are available in our . You can view the demo, as well as access the setup in Appfarm Create. Don't have access? .

Properties

Property
Description

Data Source

Select the primary data source to display in the chart. Within the project context this would be the task object.

Filter

Apply a filter to the selected data source.

Conditional Filters

Create conditional filters to apply to the selected data source.

Sorting

Define the sorting order of the selected data sources by adding one or more sorting properties.

Display Value

Define the display value (subtitles of each gant line) by binding it to a data source. Within the project context this would be the project name/title connected to the task. If not set, the default property for display value on the object class will be used.

Start Date

Select a data source to display the start date.

End Date

Select a data source to display the end date.

Parent Item

If there is a structure with main tasks and subtasks, select a data source to display the parent item.

Is Milestone

Select a data source of data type boolean to display a milestone in the chart.

Progress

Select a data source to display the progress of each task in %.

Is Movable

Select a data source of data type boolean or set a static value true to allow moving the item on the X Axis.

Start Date Movable

Select a data source of data type boolean or set a static value true to allow moving the start date of the item.

End Date Movable

Select a data source of data type boolean or set a static value true to allow moving the end date of the item.

Min Movable Date

Select a data source of data type boolean or set a static value true to optionally allow to specify the minimum value the item can be moved to.

Max Movable Date

Select a data source of data type boolean or set a static value true to optionally allow to specify the maximum value the item can be moved to.

Enable Group Change

Only available if Same Line is enabled.

Select a data source to drag the items to other groups.

Fill Color

Select a data source to use the colors from Enum Values.

Dependency Type

Select between the three dependency types Parent Dependency, Dependant Child and Multi Dependencies.

Parent Dependency

Visible when Parent Dependency is selected.

Select a data source to indicate which item must be completed before this item can start.

Dependant Child

Visible when Dependant Child is selected.

Select a data source to indicate which items depend on this item. May be used when a single child can have multiple parents.

Relation Data Source

Visible when Multi Dependencies is selected.

Select a data source to indicate the relations between items.

Parent

Visible when Multi Dependencies is selected.

Select the data source which contains the parent item.

Child

Visible when Multi Dependencies is selected.

Select the data source which contains the child item.

Grouping Property

Select a data property to group the data on. Within the project context this would be the project in the task object.

Grouping Data Source

Visible when Grouping Property is selected.

Select a data source to group the data on. Within the project context this would be the project object.

Display Value Override

Visible when Grouping Property is selected.

Select a data source to override the display value. If not set, the naming property of the Grouping Data Source will be used by default.

Hide Empty

Visible when Grouping Property is selected.

Enable to hide groups without content.

Hide Summary

Visible when Grouping Property is selected and Same Line is disabled.

Enable to hide the group summary block.

Same Line

Visible when Grouping Property is selected.

Enable to display all items of every group on the same line. For example are there lines with projects and the tasks are displayed as named blocks on the same line as the project. May be used when creating a resource management diagram.

Title

Enter a static title or bind it to a data source, function, date now or date today.

Sub Title

Enter a static title or bind it to a data source, function, date now or date today.

Drag Precision

Define the step size in hours used when editing the items by drag and drop.

Enable Color Gradient

Enable to darken the color value.

Default Color

Define a default color for the case that when binding colors to data and the colors for some reason cannot be found.

Sticky Header

Enable to stick the header to the top when scrolling down the chart. If enabled, the navigator will also be sticky as well.

Background Color

Visible when Sticky Header is enabled.

Select a background color for the chart.

Current Date Indicator

Enable to display the current date with a slight line through all rows.

Min Date

Select the minimum date for the time scale. If not set, it will adjust to the available data from the data source.

Max Date

Select the maximum date for the time sace. If not set, it will adjust to the available data from the data source.

Enable Navigator

Enable to display a navigator on the X Axis of the chart.

Minimum Range

Visible if Navigator is enabled.

Define the minimum window in hours when zooming in. By default, one week is selected.

Maximum Range

Visible if Navigator is enabled.

Define the maximum window in hours when zooming in. By default, one week is selected.

Showroom
Register