如何在Highcharts堆叠柱状图中移除图例旁的细轴线

你要隐藏的这条细轴线其实是y轴的轴线——你的x轴已经通过lineColor: 'transparent'等配置隐藏了自身的轴线，而图例旁的这条线属于y轴范畴，只需要对y轴做类似的配置就能移除它：

具体配置方案 #

在你的Highcharts配置中添加yAxis的相关设置，针对轴线和刻度线做隐藏处理：

yAxis: {
  // 隐藏y轴轴线
  lineColor: 'transparent',
  lineWidth: 0,
  // 隐藏刻度线
  tickWidth: 0,
  tickLength: 0,
  tickColor: 'transparent',
  // 如果需要保留y轴的标签，不要设置visible: false
  visible: true
}

简化方案 #

如果你只需要隐藏轴线，不需要调整其他细节，直接设置lineWidth: 0也能快速达到效果：

yAxis: {
  lineWidth: 0,
  tickWidth: 0 // 同时隐藏刻度线，可选配置
}

注意事项 #

• 如果你希望完全隐藏y轴（包括刻度标签），可以直接设置yAxis: { visible: false }，但这会把y轴的所有元素都隐藏掉。
• 你的xAxis配置已经正确隐藏了x轴的轴线和刻度，现在只需要把同样的逻辑应用到y轴即可。

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