«

About ScheduleJS

1 - Installation

2 - Tutorial

2.1 - Angular

2.2 - Simple Aircraft Gantt

3 - Elements

3.1 - GanttChart

3.1.1 - Graphics Header

3.1.2 - Info Column

3.2 - Multiple GanttCharts

3.3 - Graphics

3.3.1 - System Layers

3.3.2 - Drag & Drop

3.3.3 - Event Handling

3.3.4 - Activity Editing

3.3.5 - Activity Rendering

3.3.6 - Row Headers

3.4 - Timeline

3.4.1 - Timeline Model

3.5 - Dateline

3.5.1 - Dateline Model

3.6 - Eventline

4 - Model

4.1 - Activity

4.1.1 - ChartActivity

4.1.2 - CompletableActivity

4.1.3 - HighLowChartActivity

4.2 - ActivityRef

4.3 - ActivityLink

4.4 - ActivityRepository

4.4.1 - IntervalTreeActivityRepository

4.4.2 - ListActivityRepository

4.5 - Row

4.6 - Model Layers

4.7 - LinesManager

4.8 - Layout

4.8.1 - GanttLayout

4.8.2 - ChartLayout

4.9 - Calendars

5 - Styling (CSS)

4.1.3 - HighLowChartActivity

Created by Thomas Zimmermann, last modified on Nov 03, 2021

A high low chart activity carries two extra attributes: high and low. These values are used by the ChartLayout to position them appropriately. One use case for high low activities are candlestick charts like in the example below representing stocks open, high and low and close prices.