如何使百分比符号小于数字？答案

【问题标题】：How to make the percentage symbol smaller than the number?如何使百分比符号小于数字？
【发布时间】：2014-12-25 01:55:35
【问题描述】：

我需要使“%”（百分比）符号小于数据系列标签的数字。现在它们的大小相同。在this jsfiddle 上查看我的示例代码。

目前我有这个文本呈现代码，但它呈现62%处的所有文本；我需要挑出“%”并使其更小。

// Render the text
chart4.renderer.text(chart4.series[0].data[0].percentage + '%', 44, 85).css({
    width: circleradius * 2,
    color: '#515151',
    fontSize: '32px',
    textAlign: 'right',
    fontFamily: 'Arial',
    fontWeight: 'bold'
})

【问题讨论】：

这是一个javascript函数吗？（我相信是这样。）如果是这样，将“javascript”添加到标签可能会有所帮助。
是的，我已经添加了标签。谢谢。

标签： javascript css highcharts font-size pie-chart

【解决方案1】：

来自他们的docs：

高图表中的 HTML

Highcharts 中的文本和标签以 HTML 形式给出，但由于 HTML 是在 SVG 中解析和呈现的，因此仅支持其中的一个子集。支持以下标签：、、、、 、。 Span 可以使用 style 属性设置样式，但只处理与 SVG 共享的与文本相关的 CSS。

因此，您可以在文本中使用 标记。例如

chart4.renderer.text( 
    chart4.series[0].data[0].percentage + 
    '<span style="font-size: 22px">%</span>', 44, 115).css({

并将任何支持的样式属性转换为适当的 svg 代码。

【讨论】：

完美就是我所需要的。感谢您的快速回复。

【解决方案2】：

HTML 代码&#65130; 会给你一个较小的百分号：﹪。也是unicode FE6A，如果需要使用字符转换的方式。

【讨论】：

聪明的思维，开箱即用：D.