Questions tagged [highcharts-gantt]

50 questions
0
votes
1 answer

scrollablePlotArea does not work as expected

I am creating react-typescript app and I am using Gantt chart. I tried to use scrollablePlotArea to achieve this result here ```https://jsfiddle.net/BlackLabel/s013uqa5/``` But in my case this scrollbar does not behave similar to the above…
manshi44
  • 19
  • 3
0
votes
1 answer

How to add custom CSS to gantt chart highcharts?

How can i add border around the date range buttons in the Gantt chart? Something like below screen shot It possible to add my custom css to the chart as shown in the screenshot?
manshi44
  • 19
  • 3
0
votes
1 answer

How to add label to date buttons on the navigation of Gantt chart highcharts?

I would like to add labels to the dates input we have in navigation of gantt chart. Something like attached in the image. Also is it possible to change alignment of the yAxis labels (Prototypings, Development & Testing, Testing, Development, etc).…
manshi44
  • 19
  • 3
0
votes
1 answer

Can we change date in text format to datepicker in Gantt Chart from highcharts?

I have a requirement where I need to show date-picker in Gantt chart. Instead of highlighted text I want date-picker I know if I click on the date text in the chart I can see date-picker but my for requirement want to see date-picker only instead…
manshi44
  • 19
  • 3
0
votes
1 answer

Highcharts Gantt change first day of the week

I use Highcharts Gantt charts and I need to change the first day of the week displayed on the X-Axis. By default, the week starts on Monday but I need the week to start on Wednesday (until next Tuesday). How can I achieve that ? On the following…
vegaelce
  • 115
  • 6
0
votes
1 answer

In a Highcharter Gantt chart, how do I place two nodes on the same line?

On the HighCharts website there is an example of a Gantt Chart that is created with the "Highcharts Gantt" extension of the suite. This is the chart I am referring to: source: https://www.highcharts.com/demo/gantt/resource-management I am…
Jochem
  • 3,295
  • 4
  • 30
  • 55
0
votes
1 answer

HighChart Gantt Chart Data overlap issue if the handler is close together

In the Highchart Gantt chart if we reduce the navigation handler width too much it will overlap the data when scrolling. Is there a way to set the minimum handler width to eliminate the issue?
Ishan Fernando
  • 2,758
  • 1
  • 31
  • 38
0
votes
0 answers

Gantt chart reduce horizontal spacing between blocks

Am new to Gantt chart and facing some issues between the block in horizontel view . Say i have 3 block , block 1 start time is at 5 and end time is 10 and block 2 start time is at 10 and endtime is at 15 and block 3 starttime is at 100 and endtime…
Coder
  • 69
  • 8
0
votes
1 answer

Grouping rows to collapse/xxpand Highcharts Gantt resources

I need to make a mix between the 2 Gantt charts presented on the Highcharts site : the Gantt Project Management and the Gantt Resource Management. My need is to be able to group the different resources on the Gantt Resource Management to be able to…
vegaelce
  • 115
  • 6
0
votes
1 answer

Highcharts gantt variable Y axis size

I am creating a Gantt chart on Angular using highcharts angular. An example of what I am creating can be found here: JSFiddle https://jsfiddle.net/esantiagovieira/mb2eovfu/ The chart options are quite simple, nothing facing: chart: { height:…
0
votes
1 answer

How to configure Highcharts Boost module for large datasets use in Highcharts Gantt?

I have a dataset made with x number of series. When I set it to 10 series it works, but if I do 100 series, it stops working. I suspect I need to configure turboThreshold properly but I've tried in many different ways and it doesn't work. In case…
SixtyEight
  • 2,220
  • 3
  • 14
  • 25
0
votes
1 answer

How do I define initial start and end date for Highcharts Gantt?

I need to set my Gantt chart to load on a specific range (eg. from today until 1 month in the future). I can set the default zoom but couldn't find a way to set both start and end dates on load. My code: Highcharts.ganttChart('container', { …
SixtyEight
  • 2,220
  • 3
  • 14
  • 25
0
votes
1 answer

How to render custom yAxis label on Highcharts Gantt with the 'custom' property?

I've got a Gantt chart: And I want to use the series.gantt.custom object to set specific properties for each series on the yAxis. From these properties I want to construct the yAxis labels. My code: Highcharts.ganttChart('container', { yAxis: { …
0
votes
1 answer

How to add custom milestone on Highcharts Gantt?

I have a Highcharts Gantt chart I am using milestones but I need the milestone to be placed above the line and also to a custom SVG. This is a fiddle This is the code: Highcharts.ganttChart('container', { title: { text: 'Gantt Chart with…
0
votes
1 answer

How to make a plot band on a single row in Highcharts Gantt?

I have a Gantt chart and I wanna plot a band only on a specific row. On my example below it displays on every row. It can be a band plot or something similar (eg: SVG, bar, ...). As long as can control easily the position with start and end in time…
SixtyEight
  • 2,220
  • 3
  • 14
  • 25