Highstock xAxis 标签格式

Question

我们需要根据时间范围以不同格式显示 x 轴标签。用户可以使用图表下方显示的导航栏（或缩放栏）更改时间范围。

例如， 对于少于 1 天的时间范围，标签应该以小时和分钟为单位 - “09:45”，对于 1 天到 1 个月的时间范围，标签应该是月份和日期 - “7 月 21 日”等。

我正在使用“tickPositioner”返回正确的刻度数，使用最小值和最大值计算。现在我想使用“格式化程序”以我们需要的格式显示刻度，但看起来我不能从这个函数中访问最小/最大值。那是对的吗？如果是，我怎样才能像我们想要的那样进行自定义格式？

谢谢。

Answer 1

你可以像这样通过格式化程序找到坐标轴的min和max：

xAxis: {
    type: 'datetime',
    labels: {
        formatter: function() {
            console.log(this.axis.min);
            console.log(this.axis.max);
            return this.value; // Default. Return something relevant instead
        },
    }
}

See the API（或console.log）用于格式化程序中this 的所有值。 axis 在这里也可能是 y 轴。如有必要，您始终可以通过this.chart.xAxis[0] 访问 x 轴。

但是请注意，除非您想非常具体地使用您的格式，否则您可能需要考虑自定义 dateTimeLabelFormats (API)。