如何在Highcharts组织结构图中垂直调整节点并居中对齐？

针对你遇到的Level 1节点设置宽高30px后向下偏移的问题，可通过以下步骤修复：

• 修改节点模板的contentAlignment属性，强制Auto面板内的内容居中对齐：
  在节点配置中添加contentAlignment: go.Spot.Center，示例代码如下：

  myDiagram.nodeTemplateMap.add("Level1",
    $(go.Node, "Auto",
      { width: 30, height: 30, contentAlignment: go.Spot.Center }, // 新增此行控制内容居中
      $(go.Shape, "Circle", { fill: "#5B9BD5" }),
      $(go.TextBlock, new go.Binding("text", "key"),
        { margin: 3, stroke: "white", font: "bold 12px sans-serif" })
    )
  );
  

• 若仍存在细微偏移，检查内部Shape或TextBlock的默认间距，将margin设为0消除额外留白：

  $(go.Shape, "Circle", { fill: "#5B9BD5", margin: 0 })
  

原理：Auto面板默认会根据内部元素尺寸自适应大小，当强制指定宽高后，需通过contentAlignment控制整体内容的位置；而verticalAlign仅作用于文本块自身，无法解决整个节点内容的偏移问题。

内容的提问来源于stack exchange，提问作者Chirag Chawla