Highcharts 如何格式化Highstock范围滑块日期和时间格式

Highstock在包含日期和时间的主图表下方有一个时间范围选择器。例如10。在本例中：

---

我如何设置这些格式，例如改为“10/10”？

据我所知，您想更改图表下的导航器日期格式

您可以像这样在图表选项中添加“导航器”

navigator: {
        xAxis: {
            labels: {
                formatter: function() {
                
                    var d = new Date(this.value),
                        month = '' + (d.getMonth() + 1),
                        day = '' + d.getDate(),
                        year = d.getFullYear();

                    if (month.length < 2) 
                        month = '0' + month;
                    if (day.length < 2) 
                        day = '0' + day;

                    return [day,month,year].join('/');
                }
            }
        }
    }

navigator:{
xAxis：{
标签：{
格式化程序：函数（）{
var d=新日期（该值），
月份=“”+（d.getMonth（）+1），
日期=“”+d.getDate（），
year=d.getFullYear（）；
如果（月长<2）
月份='0'+月份；
如果（日长<2）
天='0'+天；
return[日、月、年]。加入（'/'）；
}
}
}
}

您可以在下面找到完整的代码片段并更改格式化程序函数

Highcharts.getJSON（'https://cdn.jsdelivr.net/gh/highcharts/highcharts@v7.0.0/samples/data/new intrady.json'，函数（数据）{
//创建图表
Highcharts.stockChart（‘容器’{
标题：{
文本：“按分钟计算的AAPL股价”
},
副标题:{
文本：“使用顺序X轴”
},
xAxis：{
gapGridLineWidth:0
},
导航器：{
xAxis：{
标签：{
格式化程序：function（）{//您可以根据需要更改函数。
var d=新日期（该值）；
变量月份=“”+（d.getMonth（）+1）；
var day=''+d.getDate（）；
var year=d.getFullYear（）；
如果（月长<2）
月份='0'+月份；
如果（日长<2）
天='0'+天；
返回[天，月]。加入（'/'）；
}
}
}
},
范围选择器：{
按钮：[{
键入：“小时”，
计数：1，
文本：“1h”
}, {
键入：'天'，
计数：1，
文本：“1D”
}],
选定：1，
输入：假
},
系列：[{
名称：“AAPL”，
类型：'区域'，
数据：数据，
昏睡：5，
工具提示：{
数值小数：2
},
填充颜色：{
线性梯度：{
x1:0，
y1:0，
x2:0，
y2:1
},
停止：[
[0，Highcharts.getOptions（）.Color[0]]，
[1，Highcharts.color（Highcharts.getOptions（）.colors[0]）。setOpacity（0）。get（'rgba'）]
]
},
阈值：空
}]
});
});