Javascript 调整Highcharts折线图数据点的位置，使其位于每个刻度之间，而不是每个刻度上

目前，我的图表如下所示：

目前，每个数据点位于刻度上，即下午3点、4点、5点等。然而，所代表的数据是每小时的平均值，即下午3-4点、4-5点等

为了准确表示该数据，我需要数据点在每个刻度之间，即在下午3点30分、下午4点30分等标记附近，但我不想在这些位置显示刻度

我应该如何更改代码

Highcharts.chart('chart-container', {
  chart: {
    backgroundColor: null,
    spacingTop: 40,
    spacingRight: 55,
    spacingLeft: 30,
    spacingBottom: 10
  },
  title: null,
  xAxis: {
    title: {
      text: '(Hour)',
      align: 'high',
      style: {
        'color': 'white',
        'fontSize': '12px'
      },
      offset: 0,
      x: 42.5,
      y: -8.75
    },
    type: 'datetime',
    tickInterval: 3600 * 1000,
    dateTimeLabelFormats: {
      day: '%H:00'
    },
    min: startTime,
    labels: {
      style: {
        'color': 'white',
        'fontSize': '12px'
      }
    },
    gridLineWidth: 1,
    gridLineColor: '#494A55',
    lineColor: '#494A55',
    tickWidth: 0
  },
  yAxis: {
    title: {
      text: '(Boxes)',
      align: 'high',
      style: {
        'color': 'white',
        'fontSize': '12px'
      },
      rotation: 0,
      offset: 0,
      y: -20,
      x: -15
    },
    min: 0,
    max: maxY, // Computed variable
    tickInterval: 0.5,
    labels: {
      style: {
        'color': 'white',
        'fontSize': '12px'
      },
      format: '{value:.1f}'
    },
    gridLineColor: '#494A55',
    lineColor: '#494A55'
  },
  legend: {
    enabled: false
  },
  plotOptions: {
    series: {
      pointStart: startTime, // Computed variable
      pointInterval: 3600 * 1000
    }
  },
  series: chartData,
  exporting: {
    enabled: false
  },
  credits: {
    enabled: false
  }
});

// Format of chartData
var chartData = [
  {
    name: '',
    color: hexColorCode,
    data: [integers]
  }
];

---

您想更改y轴标签？？因为您正在使用

xAxis.type:'datetime'

这是不可能的。此设置意味着每个点将位于该特定时间点。您可以将xAxis类型转换为“category”，然后将时间作为每小时的块发送（如“3pm”）。如果时间戳总是以小时为单位，而平均时间总是以小时为单位，为什么不在每个时间戳上加半小时呢？