highcharts - 如何在highcharts中获取轴列刻度的高度

Question

我有一个这样的示例，正​​如您在示例中看到的单元格的高度不同，这是计算渲染一些自定义 SVG 的障碍。实际上，我想在这段代码中获取每个单元格的高度（在我的真实项目中）：

  chart: {
      events: {
         load() {
             var ticks = this.yAxis[0].treeGrid.axis.grid.columns[0].ticks;
             for (var i = 0; i < Object.keys(ticks).length ; i++){
             
               // I want to get the current tick height here!!
             }
          }
     }
}

标签： highcharts

Answer 1

请分析并尝试使用这部分代码：

chart: {
    events: {
        load: function() {
            var ticks = this.yAxis[0].ticks;
            
            for (var i = 0;  i < Object.keys(ticks).length - 1; i++) {
                 let prevTickHeight = ticks[i - 1].mark.d.split(' ')[2],
                         curTickHeight = ticks[i].mark.d.split(' ')[2] - prevTickHeight;

                 console.log(curTickHeight)
        }
      }
    }
  },

演示：https ://jsfiddle.net/BlackLabel/5zkwh2ta/