Example of undefined in Javascript Gantt Chart Control

All Controls
/
Gantt Chart
/
Timeline Template

This sample explains the way of rendering timeline template by mapping template elements to the timelineTemplate property.

More Details...

1
Product Concept
4/1/20246 days20
2
Defining the product and its usage
4/1/20243 days30
3
Defining target audience
4/1/20243 days0
4
Prepare product sketch and notes
4/4/20243 days30
5
Concept Approval
4/8/20240 days0
6
Market Research
4/1/20248 days15
7
Demand Analysis
4/1/20244 days15
8
Customer strength
4/1/20244 days30
9
Market opportunity analysis
4/1/20244 days0
10
Competitor Analysis
4/5/20244 days30
11
Product strength analysis
4/5/20244 days0
12
Research complete
4/10/20240 days0
13
Product Design and Development
4/1/202413 days14
14
Functionality design
4/1/20247 days30
15
Quality design
4/1/20245 days0
16
Define Reliability
4/1/20245 days30
17
Identifying raw materials
4/1/20244 days0
18
Define cost plan
4/1/20244 days15
19
Manufacturing cost
4/1/20241 day30
20
Selling cost
4/4/20241 day0
21
Development of the final design
4/4/20245 days6
22
Defining dimensions and package volume
4/4/20242 days30
23
Develop design to meet industry standards
4/4/20243 days0
24
Include all the details
4/4/20245 days0
25
CAD Computer-aided design
4/4/202410 days30
26
CAM Computer-aided manufacturing
4/4/202410 days0
27
Prototype Testing
4/4/202412 days30
28
Include feedback
4/4/20245 days0
29
Manufacturing
4/4/20249 days30
30
Assembling materials to finished goods
4/4/202412 days0
31
Feedback and Testing
4/4/20247 days30
32
Internal testing and feedback
4/4/20245 days30
33
Customer testing and feedback
4/4/20247 days30
34
Product Development
4/4/20242 days30
35
Important improvements
4/4/20242 days30
36
Address any unforeseen issues
4/4/20242 days30
37
Final Product
4/4/202410 days20
38
Branding product
4/4/20245 days0
39
Marketing and pre-sales
4/4/202410 days30
Product Concept
20
Defining the product and its usage
30
Defining target audience
0
Prepare product sketch and notes
30
Concept Approval
Market Research
15
Demand Analysis
15
Customer strength
30
Market opportunity analysis
0
Competitor Analysis
30
Product strength analysis
0
Research complete
Product Design and Development
14
Functionality design
30
Quality design
0
Define Reliability
30
Identifying raw materials
0
Define cost plan
15
Manufacturing cost
30
Selling cost
0
Development of the final design
6
Defining dimensions and package volume
30
Develop design to meet industry standards
0
Include all the details
0
CAD Computer-aided design
30
CAM Computer-aided manufacturing
0
Prototype Testing
30
Include feedback
0
Manufacturing
30
Assembling materials to finished goods
0
Feedback and Testing
30
Internal testing and feedback
30
Customer testing and feedback
30
Product Development
30
Important improvements
30
Address any unforeseen issues
30
Final Product
20
Branding product
0
Marketing and pre-sales
30
Description

In this demo, the timelineTemplate property enables the customization of timeline cells with any HTML content, allowing for enhanced visual appeal and personalized functionality. The template contains these context properties to design the timeline cells. date: Defines the date of timeline date. value: Defines the date value to display in the timeline. tier: Defines the tier of timeline.