如何在高图中获取轴列刻度线的高度

问题描述

我有一个类似this的示例，正​​如您在示例中看到的，单元格的高度不同，这对于渲染某些自定义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!!
             }
          }
     }
}

解决方法

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

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/