如何在高级可访问Highcharts中根据系列数据点数量调整网格线高度

你可以通过Highcharts内置的事件回调能力实现需求，先获取目标系列的数据点总数，匹配规则计算对应高度后动态更新轴配置即可，参考实现代码如下：

Highcharts.chart('container', {
  chart: {
    type: 'column',
    events: {
      // 图表加载完成后执行逻辑
      load: function () {
        // 替换为你需要匹配的目标系列，可根据系列索引、名称筛选
        const targetSeries = this.series[0];
        const pointNum = targetSeries.points.length;
        let gridHeight;

        // 按规则匹配高度
        if (pointNum < 10) {
          gridHeight = 30;
        } else if (pointNum >= 10 && pointNum <= 15) {
          gridHeight = 50;
        } else if (pointNum > 20) {
          gridHeight = 100;
        }

        // 更新配置，tickPixelInterval对应网格线的像素间距，即你需要的网格线高度
        this.update({
          yAxis: {
            tickPixelInterval: gridHeight
          }
        }, true);
      }
    }
  },
  // 其余业务配置保持不变
  series: [{
    data: [/* 你的业务数据 */]
  }]
});

• 如果你需要调整的是网格线本身的粗细高度，将上述更新配置替换为yAxis.gridLineWidth: gridHeight即可
• 若需要在数据动态更新后同步调整网格线高度，把相同逻辑放到chart.events.render事件中即可

效果参考示意图：

内容的提问来源于stack exchange，提问作者Vinay Kumar