highcharts 不同的刻度间隔答案

【问题标题】：highcharts different tick intervalhighcharts 不同的刻度间隔
【发布时间】：2014-10-28 10:01:35
【问题描述】：

我正在使用 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 个间隔？

非常感谢，

约翰。

【问题讨论】：

标签： highcharts

【解决方案1】：

你有几个选择：

动态设置您的 tickInterval。根据数据的时间范围设置间隔
使用 tickPixlInterval 选项。这决定了接近您指定的像素值的逻辑滴答间隔。
- http://api.highcharts.com/highcharts#xAxis.tickPixelInterval

【讨论】：