Questions tagged [highcharts-gantt]
50 questions
0
votes
1 answer
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 preferably both dots separated in the same day so…

SixtyEight
- 2,220
- 3
- 14
- 25
0
votes
0 answers
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

Himanshu Rastogi
- 49
- 9
0
votes
1 answer
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 (label) {
label.onclick = function () {
…

Rohit Mehrotra
- 29
- 6
0
votes
1 answer
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"
},
labels: {
events: {
click: function () {
…

Rohit Mehrotra
- 29
- 6
0
votes
1 answer
Gantt highchart bar alignment issue
I am having one more query while working on these high chart. Alignment of the task bars are not correct. They are bit half above than mentioned lines. can you please assist me on it.
Codepen link: [https://codepen.io/rohitkatarya7/pen/rNzYdVB][1]

Diksha
- 35
- 4
0
votes
1 answer
How Can I add sections of categories in gantt highcharts?
I am using gantt highcharts in my angular application.
In Gantt highcharts, I need to add sections of categories(general processes and Products) which are highlighted in red color.
tried many solutions but didn't get the solutions.
Kindly help.

Himanshu Rastogi
- 49
- 9
0
votes
1 answer
Highcharts Gantt avoid tooltip closure when moving cursor outside Gantt
Hi I have a Gantt chart where I have implemented a custom tooltip that appear/disappear when the user clicks on an event.
I'm using angular2-highcharts
This works great !
The problem is that when the tooltip is very big and when it is rendered half…

DarioN1
- 2,460
- 7
- 32
- 67
0
votes
1 answer
Highcharts rangeselector navigation - start on the lowest date / value
On this official Highcharts demo https://www.highcharts.com/demo/gantt/with-navigation
the display starts at the end
What do I need to change, so the navigation range starts at the beginning like so?

giorgio79
- 3,787
- 9
- 53
- 85
0
votes
1 answer
Highcharts Gantt - data labels in top row are not respecting y offset positioning
I'm making a milestone comparison chart, and I'm putting the data labels above the milestone markers. The data labels are two rows of text.
I'm setting my own calculated chart.height in order to increase the row height so I can fit the data labels…

Dylan Cristy
- 916
- 11
- 29
0
votes
1 answer
Highcharts Gantt - how to use a different shape for the milestone markers?
Is there a way to use a different shape for the milestone markers in Highcharts Gantt? I'd like to use triangles instead of the default diamonds.
If a solution for this involves using the API to change something in the chart after the chart is…

Dylan Cristy
- 916
- 11
- 29
0
votes
1 answer
Highcharts Gantt - how to force data labels to always be above milestones?
I'm building a milestone comparison chart using Highcharts Gantt.
Each of my milestones has a short acronym for the milestone "type", which I want to show as data labels, and I want them to always be above the milestone marker.
I managed to get them…

Dylan Cristy
- 916
- 11
- 29
0
votes
1 answer
How to translate the "Start" and "End" label in the tooltip of a Highcharts Gantt?
The tooltip in a Highcharts Gantt show the start and end date of the hovered task, but I'm not able to translate the prefix used ("Start" and "End"):
There is no options in Highcharts.lang for these text.

Christophe Le Besnerais
- 3,895
- 3
- 24
- 44
0
votes
2 answers
How to change format of the upper xAxis Label?
How can I change the format of the "upper" xAxis Label as shown in the picture?
I have already figured out how to change the weekday labels below (T, W, T, etc.) with the following snippet (for weeks, code placed within the…

Fabian Bigler
- 10,403
- 6
- 47
- 70
0
votes
1 answer
Highchart Gantt remove Y Axis label
I am looking to hide Y Axis label for Highchart Gantt.
In my fiddle that I attempted you will note that I am looking to completely remove Y Axis lable but my attempt creates empty column.
yAxis: [{
labels: {
enabled: false
…

June
- 793
- 2
- 17
- 43
0
votes
1 answer
Render SVG images on each point of gantt chart in highcharts
I want to put some images as SVG on each point in Gantt chart, I've tried something like below:
function (chartt) { // on complete
chartt.renderer.image('imageURL.png',100,100,30,30)
.add();
}
But after running this…

Meysam Zarei
- 419
- 2
- 14