使用下标'²'时,Highcharts会在图例项下方添加额外空间

时间:2016-03-24 15:56:12

标签: javascript internet-explorer firefox unicode highcharts

希望有人可以帮助我解决Highcharts的问题。

我们用于系列标题的数据包含Unicode下标2,特别是U + 2082'2'(作为显示CO 2的一部分)。

创建图例时,Highcharts会在该图例项目下方添加此标题,如image here所示。

这种情况发生在Firefox和IE11上,而不是在Chrome上,在Safari上未经测试。

我首先假设这是由提供的字体引起的,但即使使用完全支持unicode的字体,我也无法使空间消失。

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

这是一个正在运行的JSFiddle,它显示了IE11和Firefox上出现的问题。

https://jsfiddle.net/v4sxj27t/

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

更新25/03/2016

研究后的更多信息。 包含带有CO 2的图例项目的<text>标签的实际高度比其他标签大3个像素 - 这是有意义的,因为当它们都是大写字母时,'²'比其他字形下降得更多。

似乎问题是,Highcharts似乎在包含CO 2的行下方增加了3个像素的间距,方法是将其添加到包含<g>元素的transform()属性中。 SVG。这在使用Windows上的firefox开发工具的JSFiddle中可见

0 个答案:

没有答案