This sample visualizes how to mention special moment in any mentioned day for a particular task with different icon and label.
ID | Name | Start Date | End Date | Duration | Dependency | Progress |
---|---|---|---|---|---|---|
1 | Product concept | 4/2/2025 | 4/4/2025 | 3 days | 34 | |
2 | Define the product usage | 4/2/2025 | 4/2/2025 | 1 day | 30 | |
3 | Define the target audience | 4/2/2025 | 4/3/2025 | 2 days | 40 | |
4 | Prepare product sketch and notes | 4/3/2025 | 4/4/2025 | 2 days | 2FS | 30 |
5 | Concept approval | 4/4/2025 | 4/4/2025 | 0 days | 3FS,4FS | 0 |
6 | Market research | 4/7/2025 | 4/16/2025 | 8 days | 25 | |
7 | Demand analysis | 4/7/2025 | 4/10/2025 | 4 days | 15 | |
8 | Customer strength | 4/7/2025 | 4/10/2025 | 4 days | 5FS | 30 |
9 | Market opportunity analysis | 4/7/2025 | 4/10/2025 | 4 days | 5FS | 0 |
10 | Competitor analysis | 4/11/2025 | 4/16/2025 | 4 days | 7FS,8FS | 30 |
11 | Product strength analysis | 4/11/2025 | 4/16/2025 | 4 days | 9FS | 40 |
12 | Research completed | 4/16/2025 | 4/16/2025 | 0 days | 10FS | 30 |
13 | Product design and development | 4/17/2025 | 5/13/2025 | 19 days | 31 | |
14 | Functionality design | 4/17/2025 | 4/22/2025 | 4 days | 12FS | 30 |
15 | Quality design | 4/17/2025 | 4/21/2025 | 3 days | 12FS | 40 |
16 | Define reliability | 4/22/2025 | 4/25/2025 | 4 days | 15FS | 30 |
17 | Identifying raw materials | 4/22/2025 | 4/23/2025 | 2 days | 15FS | 0 |
18 | Define cost plan | 4/24/2025 | 4/28/2025 | 3 days | 17FS | 35 |
19 | Estimate manufacturing cost | 4/24/2025 | 4/28/2025 | 3 days | 17FS | 40 |
20 | Estimate selling cost | 4/24/2025 | 4/28/2025 | 3 days | 17FS | 30 |
21 | Development of final design | 4/29/2025 | 5/13/2025 | 11 days | 32 | |
22 | Develop dimensions and design | 4/29/2025 | 5/2/2025 | 4 days | 19FS,20FS | 30 |
23 | Develop designs to meet industry | 5/5/2025 | 5/7/2025 | 3 days | 22FS | 40 |
24 | Include all the details | 5/8/2025 | 5/13/2025 | 4 days | 23FS | 30 |
25 | CAD - Computer Aided Design | 5/14/2025 | 5/16/2025 | 3 days | 24FS | 0 |
26 | CAM - Computer Aided Manufacturing | 5/19/2025 | 5/22/2025 | 4 days | 25FS | 30 |
27 | Finalize the design | 5/22/2025 | 5/22/2025 | 0 days | 26FS | 40 |
28 | Prototype testing | 5/23/2025 | 5/28/2025 | 4 days | 27FS | 30 |
29 | Include feedback | 5/23/2025 | 5/28/2025 | 4 days | 28SS | 0 |
30 | Manufacturing | 5/29/2025 | 6/4/2025 | 5 days | 28FS,29FS | 30 |
31 | Assembling material into finished goods | 6/5/2025 | 6/11/2025 | 5 days | 30FS | 40 |
32 | Final product development | 6/12/2025 | 6/20/2025 | 7 days | 17 | |
33 | Important improvement | 6/12/2025 | 6/16/2025 | 3 days | 31FS | 0 |
34 | Customer testing and feedback | 6/17/2025 | 6/20/2025 | 4 days | 33FS | 30 |
35 | Final product development | 6/23/2025 | 6/26/2025 | 4 days | 30 | |
36 | Important improvement | 6/23/2025 | 6/26/2025 | 4 days | 34FS | 30 |
37 | Address any unforeseen issues | 6/23/2025 | 6/26/2025 | 4 days | 36SS | 30 |
38 | Finalize the product | 6/27/2025 | 7/8/2025 | 8 days | 15 | |
39 | Branding the product | 6/27/2025 | 7/2/2025 | 4 days | 37FS | 30 |
40 | Marketing and presales | 7/3/2025 | 7/8/2025 | 4 days | 39FS | 0 |
Mar 26, 2025 | Mar 30, 2025 | Apr 06, 2025 | Apr 13, 2025 | Apr 20, 2025 | Apr 27, 2025 | May 04, 2025 | May 11, 2025 | May 18, 2025 | May 25, 2025 | Jun 01, 2025 | Jun 08, 2025 | Jun 15, 2025 | Jun 22, 2025 | Jun 29, 2025 | Jul 06, 2025 | Jul 13, 2025 |
---|
W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S |
---|
In this example, indicators are displayed with some custom text in specified day of task, which are defined in dataSource. You can define the indicators with the following properties for tasks: date: Defines the date value to where we want to display the indicators. iconClass : Defines the icon to highlight the indicator. name: Defines text to be displayed in the mentioned date. tooltip: The text to be displayed when hover the mouse over the indicator. Injecting Module: Gantt control features are segregated into individual feature-wise modules. To use a selection, inject the Selection module using the Gantt.Inject(Selection) method. To use markers, inject the DayMarkers module using the Gantt.Inject(DayMarkers) method. More information on the Essential® JS2 Gantt Chart can be found in this documentation section.