ScheduleJS

Flexible and interactive Gantt charts for your JavaScript application.

Published by AISO SA
Distributed by ComponentSource since 2023

Prices from: $ 21,285.75 Version: 1.3.1 Updated: Aug 24, 2023

Screenshot of ScheduleJS

ScheduleJS

ScheduleJS is a JavaScript library that was created to help you design flexible scheduling applications. Handling massive amounts of data with ease, ScheduleJS will help you raise the bar in terms of UI and UX without spending resources on building your own Gantt chart system. Every aspect of the charts can be easily fine-tuned to design interactions and appearance thanks to a tried-and-tested API. You can combine any of four included layout styles for advanced use cases. With ScheduleJS you can easily create project planning ERP systems, production planning and scheduling applications, manufacturing execution systems or project portfolio management applications.

ScheduleJS

ScheduleJS - Vertical Drag and DropAllow only vertical drag and drop operations.
ScheduleJS - Vertical Drag and DropAllow only vertical drag and drop operations.
ScheduleJS - Multidirectional Drag and DropAllow both horizontal and vertical drag and drop operations.
ScheduleJS - Multidirectional Drag and DropAllow both horizontal and vertical drag and drop operations.
ScheduleJS - Edit Activity DurationAllow activity duration editing using drag and drop.
ScheduleJS - Edit Activity DurationAllow activity duration editing using drag and drop.
ScheduleJS - Custom Drag and DropCreate your own drag and drop operations.
ScheduleJS - Custom Drag and DropCreate your own drag and drop operations.
ScheduleJS - Zoom TimelineClick on the timeline to zoom in.
ScheduleJS - Zoom TimelineClick on the timeline to zoom in.
ScheduleJS - Select Timeline PeriodDragging from point A to B on the timeline will trigger a zoom on selected period.
ScheduleJS - Select Timeline PeriodDragging from point A to B on the timeline will trigger a zoom on selected period.
ScheduleJS - Zoom Using Mouse WheelHold the control key and use your mouse wheel to zoom in and out.
ScheduleJS - Zoom Using Mouse WheelHold the control key and use your mouse wheel to zoom in and out.
ScheduleJS - Zoom using the APIDesign interactions to zoom anywhere you want.
ScheduleJS - Zoom using the APIDesign interactions to zoom anywhere you want.
ScheduleJS - Zoom ModeThree zoom modes are available by default: Keep start, Keep center and Keep end.
ScheduleJS - Zoom ModeThree zoom modes are available by default: Keep start, Keep center and Keep end.
ScheduleJS - Gantt Layout ModesThe Gantt layout displays activities depending on their start and end time.
ScheduleJS - Gantt Layout ModesThe Gantt layout displays activities depending on their start and end time.
ScheduleJS - Chart Layout ModesCharts and high-Low chart activities holds additional values to add vertical dimensions.
ScheduleJS - Chart Layout ModesCharts and high-Low chart activities holds additional values to add vertical dimensions.
ScheduleJS - Agenda Layout ModesAgenda activities populates a vertical grid and create interactive calendars for your resources .
ScheduleJS - Agenda Layout ModesAgenda activities populates a vertical grid and create interactive calendars for your resources .
ScheduleJS - Dynamic Activity RenderingUse data and user input to affect any activity at runtime. The developer fully controls what is painted on-screen.
ScheduleJS - Dynamic Activity RenderingUse data and user input to affect any activity at runtime. The developer fully controls what is painted on-screen.
ScheduleJS - Activity Bar RendererThe activity bar renderer empowers the developer with default methods targeting the design of Gantt activities.
ScheduleJS - Activity Bar RendererThe activity bar renderer empowers the developer with default methods targeting the design of Gantt activities.
ScheduleJS - Chart Activity RendererThe chart activity renderer is a good starting point to design chart activity graphs.
ScheduleJS - Chart Activity RendererThe chart activity renderer is a good starting point to design chart activity graphs.
ScheduleJS - Custom RenderersActivity renderers are very flexible, developers can fully decide how to render the activity data on the canvas.
ScheduleJS - Custom RenderersActivity renderers are very flexible, developers can fully decide how to render the activity data on the canvas.
ScheduleJS - Weekend Calendar ActivitiesThe weekend calendar is a default calendar used to show every weekend day.
ScheduleJS - Weekend Calendar ActivitiesThe weekend calendar is a default calendar used to show every weekend day.
ScheduleJS - Custom Calendar ActivitiesBuild custom calendar activities to define specific repeating patterns or to provide your own calendar data.
ScheduleJS - Custom Calendar ActivitiesBuild custom calendar activities to define specific repeating patterns or to provide your own calendar data.
ScheduleJS - Timeline EventsRegister a callback fired when the user interacts with the timeline. For example, when zooming or moving.
ScheduleJS - Timeline EventsRegister a callback fired when the user interacts with the timeline. For example, when zooming or moving.
ScheduleJS - Drag and Drop Start EventsTrigger a callback when a drag-and-drop operation starts. Available at every drag-and-drop step.
ScheduleJS - Drag and Drop Start EventsTrigger a callback when a drag-and-drop operation starts. Available at every drag-and-drop step.
ScheduleJS - Drag and Drop Row EventsRegister a callback when dropping an activity on a specific Row.
ScheduleJS - Drag and Drop Row EventsRegister a callback when dropping an activity on a specific Row.
ScheduleJS - Edit Mode EventsDefine what editing operation should be triggered based on the pointer event and the activity position.
ScheduleJS - Edit Mode EventsDefine what editing operation should be triggered based on the pointer event and the activity position.
ScheduleJS - Activity Editing EventsRegister a callback used to determine if a given editing operation can be used for a given activity.
ScheduleJS - Activity Editing EventsRegister a callback used to determine if a given editing operation can be used for a given activity.
ScheduleJS - End to Start Link TypeThe end to start link type generally means that the origin activity is a prerequisite to the target activity.
ScheduleJS - End to Start Link TypeThe end to start link type generally means that the origin activity is a prerequisite to the target activity.
ScheduleJS - Curved Link RendererThe curved link renderer provides a default implementation for drawing curved links.
ScheduleJS - Curved Link RendererThe curved link renderer provides a default implementation for drawing curved links.
ScheduleJS - Straight Link RendererThe straight link renderer provides a default implementation for drawing perpendicular links.
ScheduleJS - Straight Link RendererThe straight link renderer provides a default implementation for drawing perpendicular links.
ScheduleJS - Horizontal Drag and DropAllow only horizontal drag and drop operations.
ScheduleJS - Horizontal Drag and DropAllow only horizontal drag and drop operations.
Click for more

Image 1 / 28

ScheduleJS - Vertical Drag and DropAllow only vertical drag and drop operations.
ScheduleJS - Multidirectional Drag and DropAllow both horizontal and vertical drag and drop operations.
ScheduleJS - Edit Activity DurationAllow activity duration editing using drag and drop.
ScheduleJS - Custom Drag and DropCreate your own drag and drop operations.
ScheduleJS - Zoom TimelineClick on the timeline to zoom in.
ScheduleJS - Select Timeline PeriodDragging from point A to B on the timeline will trigger a zoom on selected period.
ScheduleJS - Zoom Using Mouse WheelHold the control key and use your mouse wheel to zoom in and out.
ScheduleJS - Zoom using the APIDesign interactions to zoom anywhere you want.
ScheduleJS - Zoom ModeThree zoom modes are available by default: Keep start, Keep center and Keep end.
ScheduleJS - Gantt Layout ModesThe Gantt layout displays activities depending on their start and end time.
ScheduleJS - Chart Layout ModesCharts and high-Low chart activities holds additional values to add vertical dimensions.
ScheduleJS - Agenda Layout ModesAgenda activities populates a vertical grid and create interactive calendars for your resources .
ScheduleJS - Dynamic Activity RenderingUse data and user input to affect any activity at runtime. The developer fully controls what is painted on-screen.
ScheduleJS - Activity Bar RendererThe activity bar renderer empowers the developer with default methods targeting the design of Gantt activities.
ScheduleJS - Chart Activity RendererThe chart activity renderer is a good starting point to design chart activity graphs.
ScheduleJS - Custom RenderersActivity renderers are very flexible, developers can fully decide how to render the activity data on the canvas.
ScheduleJS - Weekend Calendar ActivitiesThe weekend calendar is a default calendar used to show every weekend day.
ScheduleJS - Custom Calendar ActivitiesBuild custom calendar activities to define specific repeating patterns or to provide your own calendar data.
ScheduleJS - Timeline EventsRegister a callback fired when the user interacts with the timeline. For example, when zooming or moving.
ScheduleJS - Drag and Drop Start EventsTrigger a callback when a drag-and-drop operation starts. Available at every drag-and-drop step.
ScheduleJS - Drag and Drop Row EventsRegister a callback when dropping an activity on a specific Row.
ScheduleJS - Edit Mode EventsDefine what editing operation should be triggered based on the pointer event and the activity position.
ScheduleJS - Activity Editing EventsRegister a callback used to determine if a given editing operation can be used for a given activity.
ScheduleJS - End to Start Link TypeThe end to start link type generally means that the origin activity is a prerequisite to the target activity.
ScheduleJS - Curved Link RendererThe curved link renderer provides a default implementation for drawing curved links.
ScheduleJS - Straight Link RendererThe straight link renderer provides a default implementation for drawing perpendicular links.
ScheduleJS - Horizontal Drag and DropAllow only horizontal drag and drop operations.

ScheduleJS is a scheduling and resource planning component for JavaScript. It allows developers to customize every single aspect of its appearance and behavior using JavaScript and CSS. The use of pluggable renderers and editing policies make it even more flexible. A lot of work went into the API to make it intuitive to use by developers, but also on the UI side to give the best UX possible to the users. The ScheduleJS API mainly follows the ASPI from FlexGanttFX. ScheduleJS is ideal for project...

Learn more about ScheduleJS

Latest News

ScheduleJS 1.3.1
ScheduleJS 1.3.1
August 25, 2023New Version
Adds support for Angular 16.
ScheduleJS 1.3
ScheduleJS 1.3
February 7, 2023New Version
JavaScript scheduling component now includes support for Angular 14.

Prices from: $ 21,285.75

Internal License: The internal application license model, designed for those who wish to build one or several applications inside their firewall for internal use among employees and contractors...
More on Licensing

Got a Question?

Live Chat with our AISO SA licensing specialists now.

Feature Highlights

Reschedule activities, change value, start, or end time.Zoom in and out seamlessly and fine tune the zoom operations.Display activities using multiple layout modes.Define a unique way of rendering for your activities.Calendar activities are used to outline specific areas on the graphics.ScheduleJS provides an extensive set of events, methods, and observables to react to user actions.Activity links describe a relation between two activities.
More Features
AISO SA
As official and authorized distributors, ComponentSource supplies you with legitimate licenses directly from AISO SA.
More about AISO SA
Component Type
  • Angular Library
More on Compatibility