ScheduleJS

JavaScriptアプリケーション用の柔軟でインタラクティブなガントチャート

AISO SA 社の製品
2023 年より日本国内にてComponentSourceで販売中。

価格:¥ 4,842,420 (税込)〜 バージョン: 1.4 更新日: Nov 4, 2023

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.
詳しくは、ここをクリックしてください。

画像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...

ScheduleJS の詳細情報。

最新ニュース

ScheduleJS 1.3.1
ScheduleJS 1.3.1
August 25, 2023新バージョン
Angular 16を追加サポート
ScheduleJS 1.3
ScheduleJS 1.3
February 7, 2023新バージョン
JavaScriptのスケジューリングコンポーネントにAngular 14を追加

価格:¥ 4,842,420 (税込)〜

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...
ライセンスの詳細

ご質問がありますか？

今すぐ AISO SA ライセンススペシャリストとライブ チャット。

機能ハイライト

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.
他の機能
AISO SA
公式認定ディストリビューターとして AISO SA 社の正式ライセンスをお客様に直接お届けいたします。
AISO SA の詳細
Component Type
  • Angular Library
互換性の詳細