如何调整热力图图例标题位置，使其移至色阶下方与左侧Y轴对齐

当前配置的垂直色阶图例默认将标题放在刻度条上方，需调整为放在刻度条下方，并与左侧Y轴标题竖向对齐，调整逻辑如下：

• 偏移标题位置到色阶刻度条下方：
  色阶刻度条的高度为配置的symbolHeight: 300，默认标题与刻度条顶部对齐。只需给legend.title添加向下的y偏移量，数值取「色阶高度的一半 + 上下间距值」，通常设置y: 160即可让标题落到刻度条底部下方。
• 对齐左侧Y轴标题的竖向位置：
  左侧Y轴标题默认与绘图区垂直居中对齐，当前legend已配置verticalAlign: 'middle'，只需微调legend整体的y偏移量，即可让图例标题的竖向中心和Y轴标题的竖向中心重合。

修改后的核心配置示例：

legend: {
  title: {
    text: 'number of<br/>MMF share classes',
    style: {
      fontWeight: 'normal'
    },
    // 新增：标题向下偏移，落到色阶条下方
    y: 160
  },
  align: 'right',
  // 微调整体图例的垂直偏移，适配标题下移后的位置
  y: 70,
  padding: 20,
  verticalAlign: 'middle',
  symbolHeight: 300
},
colorAxis: [{
  type: 'linear',
  reversed: false,
  layout: 'vertical',
  stops: [
    [0, '#c8daf9'],[1.0, '#537dca']
  ]
}]

偏移量可根据实际渲染效果微调legend.title.y和legend.y的数值，直到对齐效果符合预期即可。

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