Highcharts 高位图表显示不同的刻度间隔

Highcharts 高位图表显示不同的刻度间隔,highcharts,Highcharts,我正在用海图绘制一些数据。我可以选择两个日期,图表将显示这两个日期之间的数据 我有以下代码: options.xAxis[0] = { type: 'datetime', tickInterval: 3600 * 1000, // one hour tickWidth: 5, gridLineWidth: '1', gridLineColor: gridLineColor, labels: { align: 'center',

我正在用海图绘制一些数据。我可以选择两个日期,图表将显示这两个日期之间的数据

我有以下代码:

options.xAxis[0] = {
    type: 'datetime',
    tickInterval: 3600 * 1000, // one hour
    tickWidth: 5,
    gridLineWidth: '1',
    gridLineColor: gridLineColor,
    labels: {
        align: 'center',
        x: -3,
        y: 20,
        formatter: function() {
            return '<b style=\"font-size:120%\">' + Highcharts.dateFormat('%d-%m', this.value) + '<b>' + '<br>'  + Highcharts.dateFormat('%l%p', this.value);
        }
    },
    opposite: false
}
options.xAxis[0]={
键入:“日期时间”,
滴答声间隔:3600*1000,//一小时
宽度:5,
gridLineWidth:'1',
gridLineColor:gridLineColor,
标签:{
对齐:'居中',
x:-3,
y:20,
格式化程序:函数(){
返回“”+Highcharts.dateFormat('%d-%m',this.value)+'+'
'+Highcharts.dateFormat('%l%p',this.value)); } }, 反面:错 }
我的问题是,如果我有1天,我会看到所有的小时,如果我选择了5天,我会看到轴上的5天,但如果我选择3个月,我会看到这3个月内的所有天。这是不可读的

是否可以说您不希望在轴上显示超过10个间隔

非常感谢,


约翰。

您有两个选择:

  • 动态设置滴答声间隔。根据数据的时间范围设置间隔
  • 使用tickPixlInterval选项。这决定了逻辑刻度间隔是否接近您指定的像素值