GanttView - Header configuration

GanttView - Header configuration

Posted by: dev-evo on 28 April 2021, 9:54 am EST

• 

  dev-evo

  • Post Options:
  • Link
    Copy

  Posted 28 April 2021, 9:54 am EST

  Hi,
  
  I’d like to change the Day representation in the gantt header from the current ‘August 16’ (sample date) to a simple ‘16’, due to the small horizontal scale I wish to use. The header currently shows ‘A…’ for each day, which is not useful. How could I display just the number of the day?
  
  Thank you

• 

  dev-evo

  • Post Options:
  • Link
    Copy

  Posted 28 April 2021, 9:56 am EST - Updated 29 September 2022, 2:46 pm EST

  Sample screenshot here, notice the ‘A…’ in the header:

  

  1272×188 8.21 KB

• 

  avinash.pathak

  

  • Post Options:
  • Link
    Copy

  Posted 28 April 2021, 10:15 pm EST

  Hi,

  You may use the timescale today for the required functionality. Please refer to the following code snippet and let us know if you face any issues.

  
  let columns = [{
  ...
  {
      id: 'gantt',
      ganttColumn: {
  	timeLineScale: 'day',
  	scale: 300,
  	start: 'start',
  	end: 'end',
  	text: 'description'
      },
      width: '*'
  },
  
  

  Regards
  
  Avinash

• 

  dev-evo

  • Post Options:
  • Link
    Copy

  Posted 29 April 2021, 3:31 am EST

  Thank you Avinash, but the “day” timescale drills down at hour level, which is not useful for my use case.
  
  I’d like to keep using the week timescale, but with day number labels in the subheader instead of month + number (i.e: “29” instead of “April 29”), so that I can see the number even with small scales.
  
  Is there a way to configure these gantt header labels?
  
  Thank you again

• 

  avinash.pathak

  

  • Post Options:
  • Link
    Copy

  Posted 30 April 2021, 4:26 am EST

  Hi,

  Thanks for the information. We have escalated this issue to the concerned team and asked them regarding the same. We will update you once we get any information from the team. The internal ID for this issue will be JSVIEW-706.

  Regards
  
  Avinash

• 

  dev-evo

  • Post Options:
  • Link
    Copy

  Posted 30 April 2021, 8:51 am EST

  Thank you Avinash