Javascript 使用下标'；时，Highcharts会在图例项下方添加额外的空间₂'；

希望有人能帮我解决我遇到的问题

我们用于系列标题的数据包含Unicode下标2，特别是U+2082'₂' （作为展示公司的一部分）₂).

创建图例时，Highcharts会在该图例项下方添加额外的空间来呈现此标题，如中所示

这发生在Firefox和IE11上，而不是Chrome上，未经Safari测试

我首先假设这是由提供的字体造成的，但我无法使空间消失，即使使用完全支持unicode的字体

希望有人能为我指出摆脱这个空间的正确方向。提前谢谢

下面是一个正在工作的JSFIDLE，它显示了这个问题，IE11和Firefox上肯定会出现这个问题

更新日期：2016年3月25日

更多信息后，研究。 包含带有CO的图例项的

标记的实际高度₂ 比其他像素大3个像素-有意义，因为₂' 当它们都是大写时，比其他标志符号下降得更远

---

问题似乎在于，Highcharts似乎在包含CO的线下方添加了额外的3像素间距₂, 通过将其添加到SVG中containing

元素的transform（）属性中。这在JSFIDLE中可以看到，使用Windows上的firefox开发工具

您是否尝试使用标签格式化程序将图例设置为固定高度？我几乎看不到问题（OSX、Chrome/FF，对我来说几乎相同，但我真的很累）OS X（10.10.5）上的Firefox（45.0.1）在图例中没有额外的空间。Safari（9.1）也一样。相反，下标几乎触及了它下面的线条。哦，等等，乔治，我不确定labelformatter是否可以设置高度（这么认为）。但至少你可以给图例一些类似itemMarginTop:3的东西来设置一点空间。这可以“解决”it:@Tonsenson，谢谢你的回复。使用label对象的itemStyle属性的lineHeight属性设置固定的行高似乎不会影响行下的空间。如果我使用firefox开发工具，我实际上可以看到容器标签实际上比CO2标题大。Highcharts似乎也会添加一个空间在这条线下面等于标签的增加尺寸，这没有任何意义，因为高度increased@Tonsenson谢谢，我知道你现在要做什么了——在上面加空格会让下面的空格看起来不在那里。问题是不同的字体在线条下面加了不同的空格，这意味着我们如果用户浏览器使用回退字体，我们永远无法确定要在项目之间添加多少空间。不过，感谢您的建议，非常感谢！您是否尝试使用标签格式设置器将图例设置为固定高度？我几乎看不到问题所在（OSX，Chrome/FF，对我来说几乎相同，但我真的很累）OS X（10.10.5）上的Firefox（45.0.1）在图例中没有多余的空间。Safari（9.1）也一样。相反，下标几乎触及了它下面的线条。哦，等等，乔治，不确定labelformatter是否可以设置高度（我这么认为）.但至少你可以给图例一些类似itemMarginTop:3的东西来设置一点空间。这可以“解决”it:@Tonsenson，谢谢你的回复。使用label对象的itemStyle属性的lineHeight属性设置固定的行高似乎不会影响行下的空间。如果我使用firefox开发工具，我实际上可以看到容器标签实际上比CO2标题大。Highcharts似乎也会添加一个空间在这条线下面等于标签的增加尺寸，这没有任何意义，因为高度increased@Tonsenson谢谢，我知道你现在要做什么了——在上面加空格会让下面的空格看起来不在那里。问题是不同的字体在线条下面加了不同的空格，这意味着我们如果用户浏览器使用回退字体，我们永远无法确定在项目之间添加多少空间。谢谢您的建议，非常感谢！

{
  name: "CO₂ Series",
  data: [3, 4, 5, 6, 7, 8, 9, 10]
},