Highcharts Gantt (JS) - Remove the day in x axis
up vote
-1
down vote
favorite
I use Highcharts Gantt in JavaScript.
I want to deactivate for the title at the top of the table which is not useful to me. The red rectangle on the screenshot:
https://files.normanfeltz.fr/files/2018-11-13_13-53-13.png
After several searches and several readers of documentation, I did not find how to do it.
JavaScript code:
var today = new Date();
today.setUTCHours(0);
today.setUTCMinutes(0);
today.setUTCSeconds(0);
today.setUTCMilliseconds(0);
today = today.getTime();
var day = 1000 * 60 * 60 * 24;
var map = Highcharts.map;
var dateFormat = Highcharts.dateFormat;
var controles = [
{
name: "SERIE 1",
color: 'pink',
operations:
},
{
name: "SERIE 2",
color: 'green',
operations: [
{
name: "LIGNE 1",
from: today + 1000 * (6 * 3600 + 00 * 60 + 30),
to: today + 1000 * (6 * 3600 + 10 * 60 + 53)
},
{
name: "LIGNE 1",
from: today + 1000 * (13 * 3600 + 49 * 60 + 44),
to: today + 1000 * (14 * 3600 + 3 * 60 + 14)
}
]
},
{
name: "SERIE 3",
color: 'orange',
operations: [
{
name: "LIGNE 2",
from: today + 1000 * (6 * 3600 + 10 * 60 + 47),
to: today + 1000 * (6 * 3600 + 45 * 60 + 57)
}
]
},
{
name: "SERIE 4",
color: 'red',
operations: [
{
name: "LIGNE 1",
from: today + 1000 * (9 * 3600 + 22 * 60 + 12),
to: today + 1000 * (9 * 3600 + 31 * 60 + 01)
}
]
},
{
name: "SERIE 5",
color: 'yellow',
operations: [
{
name: "LIGNE 3",
from: today + 1000 * (14 * 3600 + 14 * 60 + 56),
to: today + 1000 * (14 * 3600 + 46 * 60 + 38)
},
{
name: "LIGNE 1",
from: today + 1000 * (6 * 3600 + 10 * 60 + 54),
to: today + 1000 * (9 * 3600 + 1 * 60 + 15)
},
{
name: "LIGNE 1",
from: today + 1000 * (9 * 3600 + 31 * 60 + 11),
to: today + 1000 * (9 * 3600 + 53 * 60 + 32)
},
{
name: "LIGNE 1",
from: today + 1000 * (10 * 3600 + 16 * 60 + 56),
to: today + 1000 * (11 * 3600 + 30 * 60 + 55)
},
{
name: "LIGNE 1",
from: today + 1000 * (12 * 3600 + 2 * 60 + 10),
to: today + 1000 * (13 * 3600 + 49 * 60 + 43)
},
{
name: "LIGNE 4",
from: today + 1000 * (9 * 3600 + 53 * 60 + 29),
to: today + 1000 * (10 * 3600 + 19 * 60 + 39)
},
{
name: "LIGNE 5",
from: today + 1000 * (14 * 3600 + 47 * 60 + 17),
to: today + 1000 * (15 * 3600 + 32 * 60 + 7)
},
{
name: "LIGNE 5",
from: today + 1000 * (15 * 3600 + 49 * 60 + 05),
to: today + 1000 * (16 * 3600 + 9 * 60 + 37)
}
]
},
{
name: "SERIE 6",
color: 'gray',
operations: [
{
name: "LIGNE 1",
from: today + 1000 * (9 * 3600 + 1 * 60 + 16),
to: today + 1000 * (9 * 3600 + 22 * 60 + 11)
},
{
name: "LIGNE 1",
from: today + 1000 * (11 * 3600 + 30 * 60 + 56),
to: today + 1000 * (12 * 3600 + 2 * 60 + 9)
}
]
},
{
name: "SERIE 7",
color: 'blue',
operations: [
{
name: "LIGNE 1",
from: today + 1000 * (9 * 3600 + 31 * 60 + 02),
to: today + 1000 * (9 * 3600 + 31 * 60 + 10)
},
]
},
{
name: "SERIE 8",
color: 'purple',
operations:
}
];
var lines = ;
var series = controles.map(function (controle, i) {
var data = controle.operations.map(function (operation) {
if (lines.indexOf(operation.name) == -1) {lines.push(operation.name)}
return {
id: 'operation-' + controle.name + "-" + lines.indexOf(operation.name),
name: operation.name,
color: controle.color,
start: operation.from,
end: operation.to,
y: lines.indexOf(operation.name)
};
});
return {
name: controle.name,
data: data
};
});
Highcharts.ganttChart('container', {
credits: {
enabled: false
},
legend: {
enabled: true,
squareSymbol: false,
symbolRadius: 0,
},
series: series,
xAxis: {
tickInterval: 3600 * 1000,
gridLineWidth: 1
},
yAxis: {
type: 'category',
grid: {
columns: [{
categories: map(lines, function (line) {
return line;
})
}]
}
}
});
Full code: https://jsfiddle.net/h72odjqu/
Norman FELTZ
javascript highcharts gantt-chart
edited Nov 13 at 23:13
K.Dᴀᴠɪs
6,833112140
asked Nov 12 at 15:50
Norman FELTZ
103
add a comment |
up vote
-1
down vote
favorite
I use Highcharts Gantt in JavaScript.
I want to deactivate for the title at the top of the table which is not useful to me. The red rectangle on the screenshot:
https://files.normanfeltz.fr/files/2018-11-13_13-53-13.png
After several searches and several readers of documentation, I did not find how to do it.
JavaScript code:
var today = new Date();
today.setUTCHours(0);
today.setUTCMinutes(0);
today.setUTCSeconds(0);
today.setUTCMilliseconds(0);
today = today.getTime();
var day = 1000 * 60 * 60 * 24;
var map = Highcharts.map;
var dateFormat = Highcharts.dateFormat;
var controles = [
{
name: "SERIE 1",
color: 'pink',
operations:
},
{
name: "SERIE 2",
color: 'green',
operations: [
{
name: "LIGNE 1",
from: today + 1000 * (6 * 3600 + 00 * 60 + 30),
to: today + 1000 * (6 * 3600 + 10 * 60 + 53)
},
{
name: "LIGNE 1",
from: today + 1000 * (13 * 3600 + 49 * 60 + 44),
to: today + 1000 * (14 * 3600 + 3 * 60 + 14)
}
]
},
{
name: "SERIE 3",
color: 'orange',
operations: [
{
name: "LIGNE 2",
from: today + 1000 * (6 * 3600 + 10 * 60 + 47),
to: today + 1000 * (6 * 3600 + 45 * 60 + 57)
}
]
},
{
name: "SERIE 4",
color: 'red',
operations: [
{
name: "LIGNE 1",
from: today + 1000 * (9 * 3600 + 22 * 60 + 12),
to: today + 1000 * (9 * 3600 + 31 * 60 + 01)
}
]
},
{
name: "SERIE 5",
color: 'yellow',
operations: [
{
name: "LIGNE 3",
from: today + 1000 * (14 * 3600 + 14 * 60 + 56),
to: today + 1000 * (14 * 3600 + 46 * 60 + 38)
},
{
name: "LIGNE 1",
from: today + 1000 * (6 * 3600 + 10 * 60 + 54),
to: today + 1000 * (9 * 3600 + 1 * 60 + 15)
},
{
name: "LIGNE 1",
from: today + 1000 * (9 * 3600 + 31 * 60 + 11),
to: today + 1000 * (9 * 3600 + 53 * 60 + 32)
},
{
name: "LIGNE 1",
from: today + 1000 * (10 * 3600 + 16 * 60 + 56),
to: today + 1000 * (11 * 3600 + 30 * 60 + 55)
},
{
name: "LIGNE 1",
from: today + 1000 * (12 * 3600 + 2 * 60 + 10),
to: today + 1000 * (13 * 3600 + 49 * 60 + 43)
},
{
name: "LIGNE 4",
from: today + 1000 * (9 * 3600 + 53 * 60 + 29),
to: today + 1000 * (10 * 3600 + 19 * 60 + 39)
},
{
name: "LIGNE 5",
from: today + 1000 * (14 * 3600 + 47 * 60 + 17),
to: today + 1000 * (15 * 3600 + 32 * 60 + 7)
},
{
name: "LIGNE 5",
from: today + 1000 * (15 * 3600 + 49 * 60 + 05),
to: today + 1000 * (16 * 3600 + 9 * 60 + 37)
}
]
},
{
name: "SERIE 6",
color: 'gray',
operations: [
{
name: "LIGNE 1",
from: today + 1000 * (9 * 3600 + 1 * 60 + 16),
to: today + 1000 * (9 * 3600 + 22 * 60 + 11)
},
{
name: "LIGNE 1",
from: today + 1000 * (11 * 3600 + 30 * 60 + 56),
to: today + 1000 * (12 * 3600 + 2 * 60 + 9)
}
]
},
{
name: "SERIE 7",
color: 'blue',
operations: [
{
name: "LIGNE 1",
from: today + 1000 * (9 * 3600 + 31 * 60 + 02),
to: today + 1000 * (9 * 3600 + 31 * 60 + 10)
},
]
},
{
name: "SERIE 8",
color: 'purple',
operations:
}
];
var lines = ;
var series = controles.map(function (controle, i) {
var data = controle.operations.map(function (operation) {
if (lines.indexOf(operation.name) == -1) {lines.push(operation.name)}
return {
id: 'operation-' + controle.name + "-" + lines.indexOf(operation.name),
name: operation.name,
color: controle.color,
start: operation.from,
end: operation.to,
y: lines.indexOf(operation.name)
};
});
return {
name: controle.name,
data: data
};
});
Highcharts.ganttChart('container', {
credits: {
enabled: false
},
legend: {
enabled: true,
squareSymbol: false,
symbolRadius: 0,
},
series: series,
xAxis: {
tickInterval: 3600 * 1000,
gridLineWidth: 1
},
yAxis: {
type: 'category',
grid: {
columns: [{
categories: map(lines, function (line) {
return line;
})
}]
}
}
});
Full code: https://jsfiddle.net/h72odjqu/
Norman FELTZ
javascript highcharts gantt-chart
edited Nov 13 at 23:13
K.Dᴀᴠɪs
6,833112140
asked Nov 12 at 15:50
Norman FELTZ
103
Hello Norman FELTZ, Please provide us your code so that we can help you: stackoverflow.com/help/how-to-ask
– ppotaczek
Nov 13 at 11:46
Hello, i have edit my question. Thank you for helping. Cordialy N.F.
– Norman FELTZ
Nov 13 at 12:58
Hi Norman FELTZ, Thanks, now your question is clear. Highcharts Gantt add extra xAxis, you can hide it in this way: jsfiddle.net/BlackLabel/dmcgyv78
– ppotaczek
Nov 13 at 17:02
Hi ppotaczek, Thanks for the solution. How did you do to know this? I did not find it in the documentation.
– Norman FELTZ
Nov 14 at 8:01
Highcharts Gantt is new chart type and may not be fully documented yet. I found this information in the source code.
– ppotaczek
Nov 14 at 8:16
add a comment |
up vote
-1
down vote
favorite
up vote
-1
down vote
favorite
I use Highcharts Gantt in JavaScript.
I want to deactivate for the title at the top of the table which is not useful to me. The red rectangle on the screenshot:
https://files.normanfeltz.fr/files/2018-11-13_13-53-13.png
After several searches and several readers of documentation, I did not find how to do it.
JavaScript code:
var today = new Date();
today.setUTCHours(0);
today.setUTCMinutes(0);
today.setUTCSeconds(0);
today.setUTCMilliseconds(0);
today = today.getTime();
var day = 1000 * 60 * 60 * 24;
var map = Highcharts.map;
var dateFormat = Highcharts.dateFormat;
var controles = [
{
name: "SERIE 1",
color: 'pink',
operations:
},
{
name: "SERIE 2",
color: 'green',
operations: [
{
name: "LIGNE 1",
from: today + 1000 * (6 * 3600 + 00 * 60 + 30),
to: today + 1000 * (6 * 3600 + 10 * 60 + 53)
},
{
name: "LIGNE 1",
from: today + 1000 * (13 * 3600 + 49 * 60 + 44),
to: today + 1000 * (14 * 3600 + 3 * 60 + 14)
}
]
},
{
name: "SERIE 3",
color: 'orange',
operations: [
{
name: "LIGNE 2",
from: today + 1000 * (6 * 3600 + 10 * 60 + 47),
to: today + 1000 * (6 * 3600 + 45 * 60 + 57)
}
]
},
{
name: "SERIE 4",
color: 'red',
operations: [
{
name: "LIGNE 1",
from: today + 1000 * (9 * 3600 + 22 * 60 + 12),
to: today + 1000 * (9 * 3600 + 31 * 60 + 01)
}
]
},
{
name: "SERIE 5",
color: 'yellow',
operations: [
{
name: "LIGNE 3",
from: today + 1000 * (14 * 3600 + 14 * 60 + 56),
to: today + 1000 * (14 * 3600 + 46 * 60 + 38)
},
{
name: "LIGNE 1",
from: today + 1000 * (6 * 3600 + 10 * 60 + 54),
to: today + 1000 * (9 * 3600 + 1 * 60 + 15)
},
{
name: "LIGNE 1",
from: today + 1000 * (9 * 3600 + 31 * 60 + 11),
to: today + 1000 * (9 * 3600 + 53 * 60 + 32)
},
{
name: "LIGNE 1",
from: today + 1000 * (10 * 3600 + 16 * 60 + 56),
to: today + 1000 * (11 * 3600 + 30 * 60 + 55)
},
{
name: "LIGNE 1",
from: today + 1000 * (12 * 3600 + 2 * 60 + 10),
to: today + 1000 * (13 * 3600 + 49 * 60 + 43)
},
{
name: "LIGNE 4",
from: today + 1000 * (9 * 3600 + 53 * 60 + 29),
to: today + 1000 * (10 * 3600 + 19 * 60 + 39)
},
{
name: "LIGNE 5",
from: today + 1000 * (14 * 3600 + 47 * 60 + 17),
to: today + 1000 * (15 * 3600 + 32 * 60 + 7)
},
{
name: "LIGNE 5",
from: today + 1000 * (15 * 3600 + 49 * 60 + 05),
to: today + 1000 * (16 * 3600 + 9 * 60 + 37)
}
]
},
{
name: "SERIE 6",
color: 'gray',
operations: [
{
name: "LIGNE 1",
from: today + 1000 * (9 * 3600 + 1 * 60 + 16),
to: today + 1000 * (9 * 3600 + 22 * 60 + 11)
},
{
name: "LIGNE 1",
from: today + 1000 * (11 * 3600 + 30 * 60 + 56),
to: today + 1000 * (12 * 3600 + 2 * 60 + 9)
}
]
},
{
name: "SERIE 7",
color: 'blue',
operations: [
{
name: "LIGNE 1",
from: today + 1000 * (9 * 3600 + 31 * 60 + 02),
to: today + 1000 * (9 * 3600 + 31 * 60 + 10)
},
]
},
{
name: "SERIE 8",
color: 'purple',
operations:
}
];
var lines = ;
var series = controles.map(function (controle, i) {
var data = controle.operations.map(function (operation) {
if (lines.indexOf(operation.name) == -1) {lines.push(operation.name)}
return {
id: 'operation-' + controle.name + "-" + lines.indexOf(operation.name),
name: operation.name,
color: controle.color,
start: operation.from,
end: operation.to,
y: lines.indexOf(operation.name)
};
});
return {
name: controle.name,
data: data
};
});
Highcharts.ganttChart('container', {
credits: {
enabled: false
},
legend: {
enabled: true,
squareSymbol: false,
symbolRadius: 0,
},
series: series,
xAxis: {
tickInterval: 3600 * 1000,
gridLineWidth: 1
},
yAxis: {
type: 'category',
grid: {
columns: [{
categories: map(lines, function (line) {
return line;
})
}]
}
}
});
Full code: https://jsfiddle.net/h72odjqu/
Norman FELTZ
javascript highcharts gantt-chart
edited Nov 13 at 23:13
K.Dᴀᴠɪs
6,833112140
asked Nov 12 at 15:50
Norman FELTZ
103
I use Highcharts Gantt in JavaScript.
I want to deactivate for the title at the top of the table which is not useful to me. The red rectangle on the screenshot:
https://files.normanfeltz.fr/files/2018-11-13_13-53-13.png
After several searches and several readers of documentation, I did not find how to do it.
JavaScript code:
var today = new Date();
today.setUTCHours(0);
today.setUTCMinutes(0);
today.setUTCSeconds(0);
today.setUTCMilliseconds(0);
today = today.getTime();
var day = 1000 * 60 * 60 * 24;
var map = Highcharts.map;
var dateFormat = Highcharts.dateFormat;
var controles = [
{
name: "SERIE 1",
color: 'pink',
operations:
},
{
name: "SERIE 2",
color: 'green',
operations: [
{
name: "LIGNE 1",
from: today + 1000 * (6 * 3600 + 00 * 60 + 30),
to: today + 1000 * (6 * 3600 + 10 * 60 + 53)
},
{
name: "LIGNE 1",
from: today + 1000 * (13 * 3600 + 49 * 60 + 44),
to: today + 1000 * (14 * 3600 + 3 * 60 + 14)
}
]
},
{
name: "SERIE 3",
color: 'orange',
operations: [
{
name: "LIGNE 2",
from: today + 1000 * (6 * 3600 + 10 * 60 + 47),
to: today + 1000 * (6 * 3600 + 45 * 60 + 57)
}
]
},
{
name: "SERIE 4",
color: 'red',
operations: [
{
name: "LIGNE 1",
from: today + 1000 * (9 * 3600 + 22 * 60 + 12),
to: today + 1000 * (9 * 3600 + 31 * 60 + 01)
}
]
},
{
name: "SERIE 5",
color: 'yellow',
operations: [
{
name: "LIGNE 3",
from: today + 1000 * (14 * 3600 + 14 * 60 + 56),
to: today + 1000 * (14 * 3600 + 46 * 60 + 38)
},
{
name: "LIGNE 1",
from: today + 1000 * (6 * 3600 + 10 * 60 + 54),
to: today + 1000 * (9 * 3600 + 1 * 60 + 15)
},
{
name: "LIGNE 1",
from: today + 1000 * (9 * 3600 + 31 * 60 + 11),
to: today + 1000 * (9 * 3600 + 53 * 60 + 32)
},
{
name: "LIGNE 1",
from: today + 1000 * (10 * 3600 + 16 * 60 + 56),
to: today + 1000 * (11 * 3600 + 30 * 60 + 55)
},
{
name: "LIGNE 1",
from: today + 1000 * (12 * 3600 + 2 * 60 + 10),
to: today + 1000 * (13 * 3600 + 49 * 60 + 43)
},
{
name: "LIGNE 4",
from: today + 1000 * (9 * 3600 + 53 * 60 + 29),
to: today + 1000 * (10 * 3600 + 19 * 60 + 39)
},
{
name: "LIGNE 5",
from: today + 1000 * (14 * 3600 + 47 * 60 + 17),
to: today + 1000 * (15 * 3600 + 32 * 60 + 7)
},
{
name: "LIGNE 5",
from: today + 1000 * (15 * 3600 + 49 * 60 + 05),
to: today + 1000 * (16 * 3600 + 9 * 60 + 37)
}
]
},
{
name: "SERIE 6",
color: 'gray',
operations: [
{
name: "LIGNE 1",
from: today + 1000 * (9 * 3600 + 1 * 60 + 16),
to: today + 1000 * (9 * 3600 + 22 * 60 + 11)
},
{
name: "LIGNE 1",
from: today + 1000 * (11 * 3600 + 30 * 60 + 56),
to: today + 1000 * (12 * 3600 + 2 * 60 + 9)
}
]
},
{
name: "SERIE 7",
color: 'blue',
operations: [
{
name: "LIGNE 1",
from: today + 1000 * (9 * 3600 + 31 * 60 + 02),
to: today + 1000 * (9 * 3600 + 31 * 60 + 10)
},
]
},
{
name: "SERIE 8",
color: 'purple',
operations:
}
];
var lines = ;
var series = controles.map(function (controle, i) {
var data = controle.operations.map(function (operation) {
if (lines.indexOf(operation.name) == -1) {lines.push(operation.name)}
return {
id: 'operation-' + controle.name + "-" + lines.indexOf(operation.name),
name: operation.name,
color: controle.color,
start: operation.from,
end: operation.to,
y: lines.indexOf(operation.name)
};
});
return {
name: controle.name,
data: data
};
});
Highcharts.ganttChart('container', {
credits: {
enabled: false
},
legend: {
enabled: true,
squareSymbol: false,
symbolRadius: 0,
},
series: series,
xAxis: {
tickInterval: 3600 * 1000,
gridLineWidth: 1
},
yAxis: {
type: 'category',
grid: {
columns: [{
categories: map(lines, function (line) {
return line;
})
}]
}
}
});
Full code: https://jsfiddle.net/h72odjqu/
Norman FELTZ
javascript highcharts gantt-chart
javascript highcharts gantt-chart
edited Nov 13 at 23:13
K.Dᴀᴠɪs
6,833112140
asked Nov 12 at 15:50
Norman FELTZ
103
edited Nov 13 at 23:13
K.Dᴀᴠɪs
6,833112140
asked Nov 12 at 15:50
Norman FELTZ
103
edited Nov 13 at 23:13
K.Dᴀᴠɪs
6,833112140
edited Nov 13 at 23:13
K.Dᴀᴠɪs
6,833112140
edited Nov 13 at 23:13
K.Dᴀᴠɪs
6,833112140
6,833112140
asked Nov 12 at 15:50
Norman FELTZ
103
asked Nov 12 at 15:50
Norman FELTZ
103
asked Nov 12 at 15:50
Norman FELTZ
103
103
Hello Norman FELTZ, Please provide us your code so that we can help you: stackoverflow.com/help/how-to-ask
– ppotaczek
Nov 13 at 11:46
Hello, i have edit my question. Thank you for helping. Cordialy N.F.
– Norman FELTZ
Nov 13 at 12:58
Hi Norman FELTZ, Thanks, now your question is clear. Highcharts Gantt add extra xAxis, you can hide it in this way: jsfiddle.net/BlackLabel/dmcgyv78
– ppotaczek
Nov 13 at 17:02
Hi ppotaczek, Thanks for the solution. How did you do to know this? I did not find it in the documentation.
– Norman FELTZ
Nov 14 at 8:01
Highcharts Gantt is new chart type and may not be fully documented yet. I found this information in the source code.
– ppotaczek
Nov 14 at 8:16
add a comment |
Hello Norman FELTZ, Please provide us your code so that we can help you: stackoverflow.com/help/how-to-ask
– ppotaczek
Nov 13 at 11:46
Hello, i have edit my question. Thank you for helping. Cordialy N.F.
– Norman FELTZ
Nov 13 at 12:58
Hi Norman FELTZ, Thanks, now your question is clear. Highcharts Gantt add extra xAxis, you can hide it in this way: jsfiddle.net/BlackLabel/dmcgyv78
– ppotaczek
Nov 13 at 17:02
Hi ppotaczek, Thanks for the solution. How did you do to know this? I did not find it in the documentation.
– Norman FELTZ
Nov 14 at 8:01
Highcharts Gantt is new chart type and may not be fully documented yet. I found this information in the source code.
– ppotaczek
Nov 14 at 8:16
Hello Norman FELTZ, Please provide us your code so that we can help you: stackoverflow.com/help/how-to-ask
– ppotaczek
Nov 13 at 11:46
Hello Norman FELTZ, Please provide us your code so that we can help you: stackoverflow.com/help/how-to-ask
– ppotaczek
Nov 13 at 11:46
Hello, i have edit my question. Thank you for helping. Cordialy N.F.
– Norman FELTZ
Nov 13 at 12:58
Hello, i have edit my question. Thank you for helping. Cordialy N.F.
– Norman FELTZ
Nov 13 at 12:58
Hi Norman FELTZ, Thanks, now your question is clear. Highcharts Gantt add extra xAxis, you can hide it in this way: jsfiddle.net/BlackLabel/dmcgyv78
– ppotaczek
Nov 13 at 17:02
Hi Norman FELTZ, Thanks, now your question is clear. Highcharts Gantt add extra xAxis, you can hide it in this way: jsfiddle.net/BlackLabel/dmcgyv78
– ppotaczek
Nov 13 at 17:02
Hi ppotaczek, Thanks for the solution. How did you do to know this? I did not find it in the documentation.
– Norman FELTZ
Nov 14 at 8:01
Hi ppotaczek, Thanks for the solution. How did you do to know this? I did not find it in the documentation.
– Norman FELTZ
Nov 14 at 8:01
Highcharts Gantt is new chart type and may not be fully documented yet. I found this information in the source code.
– ppotaczek
Nov 14 at 8:16
Highcharts Gantt is new chart type and may not be fully documented yet. I found this information in the source code.
– ppotaczek
Nov 14 at 8:16
add a comment |
1 Answer
1
active
oldest
votes
up vote
0
down vote
accepted
Highcharts Gantt add extra xAxis, you can hide it in this way:
xAxis: [{
tickInterval: 3600 * 1000,
gridLineWidth: 1
}, {
visible: false,
opposite: false
}]
Live demo: https://jsfiddle.net/BlackLabel/dmcgyv78/
edited Nov 14 at 10:11
Norman FELTZ
103
answered Nov 14 at 8:15
ppotaczek
3,676129
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53265645%2fhighcharts-gantt-js-remove-the-day-in-x-axis%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
up vote
0
down vote
accepted
Highcharts Gantt add extra xAxis, you can hide it in this way:
xAxis: [{
tickInterval: 3600 * 1000,
gridLineWidth: 1
}, {
visible: false,
opposite: false
}]
Live demo: https://jsfiddle.net/BlackLabel/dmcgyv78/
edited Nov 14 at 10:11
Norman FELTZ
103
answered Nov 14 at 8:15
ppotaczek
3,676129
add a comment |
up vote
0
down vote
accepted
Highcharts Gantt add extra xAxis, you can hide it in this way:
xAxis: [{
tickInterval: 3600 * 1000,
gridLineWidth: 1
}, {
visible: false,
opposite: false
}]
Live demo: https://jsfiddle.net/BlackLabel/dmcgyv78/
edited Nov 14 at 10:11
Norman FELTZ
103
answered Nov 14 at 8:15
ppotaczek
3,676129
add a comment |
up vote
0
down vote
accepted
up vote
0
down vote
accepted
Highcharts Gantt add extra xAxis, you can hide it in this way:
xAxis: [{
tickInterval: 3600 * 1000,
gridLineWidth: 1
}, {
visible: false,
opposite: false
}]
Live demo: https://jsfiddle.net/BlackLabel/dmcgyv78/
edited Nov 14 at 10:11
Norman FELTZ
103
answered Nov 14 at 8:15
ppotaczek
3,676129
Highcharts Gantt add extra xAxis, you can hide it in this way:
xAxis: [{
tickInterval: 3600 * 1000,
gridLineWidth: 1
}, {
visible: false,
opposite: false
}]
Live demo: https://jsfiddle.net/BlackLabel/dmcgyv78/
edited Nov 14 at 10:11
Norman FELTZ
103
answered Nov 14 at 8:15
ppotaczek
3,676129
edited Nov 14 at 10:11
Norman FELTZ
103
edited Nov 14 at 10:11
Norman FELTZ
103
edited Nov 14 at 10:11
Norman FELTZ
103
103
answered Nov 14 at 8:15
ppotaczek
3,676129
answered Nov 14 at 8:15
ppotaczek
3,676129
answered Nov 14 at 8:15
ppotaczek
3,676129
3,676129
add a comment |
add a comment |
draft saved
draft discarded
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53265645%2fhighcharts-gantt-js-remove-the-day-in-x-axis%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Hello Norman FELTZ, Please provide us your code so that we can help you: stackoverflow.com/help/how-to-ask
– ppotaczek
Nov 13 at 11:46
Hello, i have edit my question. Thank you for helping. Cordialy N.F.
– Norman FELTZ
Nov 13 at 12:58
Hi Norman FELTZ, Thanks, now your question is clear. Highcharts Gantt add extra xAxis, you can hide it in this way: jsfiddle.net/BlackLabel/dmcgyv78
– ppotaczek
Nov 13 at 17:02
Hi ppotaczek, Thanks for the solution. How did you do to know this? I did not find it in the documentation.
– Norman FELTZ
Nov 14 at 8:01
Highcharts Gantt is new chart type and may not be fully documented yet. I found this information in the source code.
– ppotaczek
Nov 14 at 8:16