highcharts不同的滴答间隔

Question

我使用highcharts来绘制一些数据。我可以选择两个日期，图表将显示这两个日期之间的数据。

我有以下代码：

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
}

我的问题是，如果我有1天，我会看到所有的时间，例如，如果我选择5天，我会看到轴上的5天，但如果我选择3个月，我会看到所有的日子3个月。这是不可读的。

是否可以说你不想在轴上显示超过10个间隔？

非常感谢，

约翰。

Answer 1

您有几个选择：

1. 动态设置tickInterval。根据数据的时间范围设置间隔

2. 使用tickPixlInterval选项。这决定逻辑滴答间隔落在接近您指定的像素值的位置。

   • http://api.highcharts.com/highcharts#xAxis.tickPixelInterval