Highcharts 即使没有数据，如何显示具有给定开始日期和结束日期的所有日期？

我对高图甘特图完全陌生，正如标题所说；即使没有数据，如何显示具有给定开始日期和结束日期的所有日期

我正在使用以下代码：

Highcharts.ganttChart(id, {
            chart: {
                panning: true,
                style: {
                    fontFamily: 'Lato'
                }
            },
            tooltip: {
                pointFormat: '<span>{point.customerLastName}</span><br><span>From: {point.start:%e. %b . %Y}</span><br/><span>To: {point.end:%e. %b. %Y}</span>',
                followTouchMove: true
            },
            xAxis: [{
                    // first x-axis
                    tickInterval: month,
                    showEmpty: true,
                },
                {
                    // second x-axis
                    tickInterval: day,
                    showEmpty: true,
                }

            ],
            yAxis: {
                plotBands: {
                    thickness: 120
                },
                categories: data.labels,
                showEmpty: true,
                min: 0,
                max: data.labels.length
            },
            allowPointSelect: true,
            plotOptions: {
                series: {
                    animation: true,
                    dragDrop: {
                        draggableX: true,
                        draggableY: true,
                        dragPrecisionX: day
                    },
                    dataLabels: {
                        enabled: true,
                        format: '{point.customerLastName}',
                        style: {
                            cursor: 'default',
                            pointerEvents: 'none'
                        }
                    },
                    allowPointSelect: true,
                    events: {
                        click: function(a) {
                            var data = JSON.parse(a.point.jsonData);
                            data.referrer = "occupation-plan";
                            console.log(data);
                            $(document).trigger('booking-modal-edit', JSON.stringify(data));
                        }
                    }
                },
            },
            series: data.series,
        });

Highcharts.ganttChart（id{
图表：{
平移：是的，
风格：{
丰特家族：“拉托”
}
},
工具提示：{
pointFormat:{point.customerLastName}
从：{point.start:%e.%b.%Y}
到：{point.end:%e.%b.%Y}，
followTouchMove：正确
},
xAxis：[{
//第一x轴
时间间隔：月，
是的，
},
{
//第二x轴
时间间隔：天，
是的，
}
],
亚克斯：{
绘图带：{
厚度：120
},
类别：数据标签，
是的，
分:0,，
最大值：data.labels.length
},
allowPointSelect:true，
打印选项：{
系列：{
动画：没错，
拖缆：{
draggableX：没错，
draggableY:没错，
dragPrecisionX:天
},
数据标签：{
启用：对，
格式：“{point.customerLastName}”，
风格：{
游标：“默认值”，
pointerEvents:“无”
}
},
allowPointSelect:true，
活动：{
点击：功能（a）{
var data=JSON.parse（a.point.jsonData）；
data.referer=“职业计划”；
控制台日志（数据）；
$（document.trigger（'booking-modal-edit'，JSON.stringify（data））；
}
}
},
},
系列：data.series，
});

---

序列数据很好，但是我确实希望显示给定开始日期和结束日期中的所有日期，即使序列中没有这些日期的数据。

您需要在

xAxis

上使用

setExtremes

方法，例如：

chart.xAxis[0].setExtremes(
    Date.UTC(2014, 8, 18),
    Date.UTC(2014, 12, 18)
);

---

现场演示：

---

API参考：

您需要在

xAxis

上使用

setextrems

方法，例如：

chart.xAxis[0].setExtremes(
    Date.UTC(2014, 8, 18),
    Date.UTC(2014, 12, 18)
);

---

现场演示：

---

API参考：

谢谢！你救了我的命！非常感谢。你救了我的命！