I'm working on a project and for better visibility I would like to display a daterange of max 4 weeks as default. There are timestamps in the future ahead, but it's not important to display them all at once. Scrolling horizontally will help with future timestamps.
this.chartOptions = {
series: [
{
data: [
{
x: "System 34",
y: [
new Date("2019-03-02").getTime(),
new Date("2019-03-04").getTime()
]
},
{
x: "System 34",
y: [
new Date("2019-03-15").getTime(),
new Date("2019-03-19").getTime()
]
},
{
x: "System 34",
y: [
new Date("2020-03-15").getTime(),
new Date("2020-03-19").getTime()
]
},
{
x: "System 35",
y: [
new Date("2019-04-15").getTime(),
new Date("2019-04-19").getTime()
]
},
{
x: "System 36",
y: [
new Date("2019-03-04").getTime(),
new Date("2019-03-08").getTime()
]
},
{
x: "System 38",
y: [
new Date("2019-03-08").getTime(),
new Date("2019-03-12").getTime()
]
},
{
x: "System 39",
y: [
new Date("2019-03-12").getTime(),
new Date("2019-03-18").getTime()
]
}
]
}
],
chart: {
height: 390,
type: "rangeBar"
},
plotOptions: {
bar: {
horizontal: true
}
},
xaxis: {
type: "datetime",
}
};
Is there a default zoom for the timeline range of the xaxis?