Question

我需要制作＆＃34;％＆＃34; （百分比）符号小于数据系列标签的数字。现在它们的大小相同。请参阅this jsfiddle上的示例代码。

目前我有这个文字渲染代码，但它会在62%处呈现所有文字;我需要挑出＆＃34;％＆＃34;并使它变小。

// 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'
})

Answer 1

来自docs：

HTML IN HIGHCHARTS

Highcharts中的文本和标签以HTML格式给出，但是在SVG中解析和呈现HTML时，只支持一个子集。支持以下标记：，，，， ，。 Spans可以使用style属性设置样式，但只处理与SVG共享的与文本相关的CSS。

因此，您可以在文本中使用标记。 e.g。

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

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

Answer 2

HTML代码﹪会为您提供较小的百分号：％。如果你需要使用字符转换方法，它也是unicode FE6A。

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

2 个答案: