javascript - Highcharts - 每个点的 xAxis 标签

Question

问题:“有没有办法为每个点强制使用 xAxis 标签？”

基本上，我有一个时间序列，我需要标记 xAxis 上的每个点......这些点可以在任何间隔。

Answer 1

您需要更改的设置是 'tickInterval' ( http://api.highcharts.com/highcharts#xAxis.tickInterval )。

假设轴的类型为“日期时间”，并且您希望间隔为 1 天，并且时间以毫秒为单位，您将需要:

xAxis: {
        type: 'datetime',
        tickInterval:60*60*24* 1000,
}

如果您需要对标签进行更多控制，您可以提供一个 tickPositions 数组或编写一个 tickPositioner 函数( http://api.highcharts.com/highcharts#xAxis.tickPositioner )。

在您的情况下，提供 tickPositions 选项可能更容易，因为您可以循环获取 x 轴值的数据并创建日期时间值的数组。

    xAxis: {
        tickPositions: [0, 1, 2, 4, 8]
    },