All Questions
Tagged with gantt-chart highcharts
64
questions
0
votes
0
answers
22
views
Highchart Gantt chart y axies table, need to make it scrollable
How to make highchart's gantt chart side table horizontally scrollable ? I don't want to move whole chart along with y axis. I just want to make table scrollable.
- 131
-1
votes
1
answer
35
views
how to add fixed width for Y Axis labels
I am trying to add fixed width for y axis labels.is there any way to add?
like this
yAxis: {
labels: {
style: {
width: '30px',
fontSize: '10px',
textOverflow: 'none'
...
0
votes
2
answers
105
views
how to add background color for x axis and y axis of high charts
I am trying to change background colour of the highcharts x and y axis background.
I am trying to fill color as below highlighted.
0
votes
0
answers
32
views
how to sort and filter the higchart left axies table (gantt chart)
Here is the link of table along with gantt chart, I need if user click on the column header Est.Days a dropdown should come with the value less than 0 , between 0 to 5 and greater than 5. user can ...
- 131
0
votes
1
answer
60
views
Highchart xrange chart looks different in React code than in javascript code and does not take yAxis categories as it does in javascript code snippet
My requirement is to get xrange chart working/understanding using highcharts library
I am following a jsfiddle https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/gantt/...
- 407
0
votes
2
answers
121
views
Hide parent task total length in Highcharts Gantt
I am sorting my tasks via a parent task. Each user has his holidays. Because holidays can be set with some time in between, I'd like to hide the parent's task total length which thus does not reflect ...
- 57
0
votes
1
answer
289
views
Lazy loading on gantt charts
I'm trying to show huge series of work breakdown structure data from an API into GanttChart so it increase page loading time and becomes unresponsive sometimes. I think one of the solutions could be ...
- 151
1
vote
1
answer
290
views
How do I add a gap between series in Highcharts Gantt?
I've got a Gantt chart:
And I'd like to add an horizontal gap between all series (1 and 2 in this case).
I've tried to use the groupPadding but with no success:
Highcharts.ganttChart('container', {
...
- 2,400
0
votes
1
answer
188
views
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('...
- 2,400
0
votes
1
answer
201
views
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 ...
- 2,400
0
votes
1
answer
387
views
On Highcharts Gantt, how to display all data labels when start and end from 2 tasks overlap?
I have 2 tasks in the same row. The labels are as below:
first task start
first task end
second task start
second task end
Label 3 is missing as it is below 2.
I'd like to have both showing, and ...
- 2,400
0
votes
0
answers
123
views
How can we add popover on gantt highchart
I am using gantt highcharts in my angular application. In Gantt highcharts, I need to add popover on a click of icon on parent row.
I am fairly new to this.
Please help!
Thanks
0
votes
1
answer
550
views
How to change the label color of Y-Axis on click in angular Gantt chart High Chart
How to change the background color of the Y-axis on the click of the label. It's working fine with javascript but not with angular.
chart.yAxis[0].labelGroup.element.childNodes.forEach(function (...
0
votes
1
answer
601
views
How to select or highlight the x axis border on click of Y axis label in gantt chart highchart
How to select or highlight the X-Axis in the Gantt chart on click of the Y-axis label?
yAxis: {
className: "highcharts-color-0",
uniqueNames: true,
title: {
text: "Data"
...
1
vote
1
answer
748
views
How to use click event on Y-axis label in angular Gantt chart High Chart
How to add click event on Y-axis label in Gantt chart. It's working fine in javascript but not in angular. In angular giving following error "Type '{ events: { click: () => void; }; }' is not ...