当你把图例符号的symbolWidth和symbolHeight设为较小值后，出现符号和文本底部对齐的情况，这是因为Highcharts默认的垂直对齐逻辑是基于文本基线的。下面给你两种实用的解决思路：

方法一：CSS全局适配（推荐） #

直接通过CSS强制让图例内的符号和文本垂直居中，这种方式简单高效，后续调整符号尺寸也不用重复修改配置：

/* 针对图例项中的符号与文本设置垂直居中 */
.highcharts-legend-item .highcharts-legend-symbol,
.highcharts-legend-item .highcharts-legend-text {
  vertical-align: middle !important;
}

把这段样式加到你的页面样式表中，就能让符号和文本自动对齐到垂直中线位置。

方法二：通过Highcharts配置项微调 #

如果你更倾向于用图表配置来控制，可以调整文本行高和符号间距，让两者自然居中：

legend: {
  symbolHeight: 5,
  symbolWidth: 5,
  symbolRadius: 0,
  // 设置文本行高，让文本区域高度匹配符号居中需求
  itemStyle: {
    lineHeight: '16px', // 可根据你的字体大小调整，比如默认12px字体用16px行高刚好适配
    verticalAlign: 'middle'
  },
  // 调整符号与文本的间距，优化整体布局
  symbolMargin: 6
}

你可以根据实际使用的字体大小，微调lineHeight的数值，确保符号和文本完美对齐。

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