Javascript 如何将百分号附加到图表值?

Javascript 如何将百分号附加到图表值?,javascript,svg,google-visualization,Javascript,Svg,Google Visualization,我想知道,如何在图表中的数字后面加上百分号(%)?我已经有了数字,我只想在数字后面加上符号“%” 我的选择: var options = { title: '', format: '#,#%', fontSize: 12, hAxis: { suffix: '%', ticks: [ {v: 0,f: '0%'}, {v: 25,f: '25%'}, {v: 50,f:

我想知道,如何在图表中的数字后面加上百分号(%)?我已经有了数字,我只想在数字后面加上符号“%”

我的选择:

var options = {
    title: '',
    format: '#,#%',
    fontSize: 12,
    hAxis: {
        suffix: '%',
        ticks: [
          {v: 0,f: '0%'}, 
          {v: 25,f: '25%'},
          {v: 50,f: '50%'},
          {v: 75,f: '75%'}, 
          {v: 100,f: '100%'}
        ]
    }, //Baixo
    vAxis: {
        title: '',
        fontSize: 16,
        format: '#%',
        maxValue: 100
    },
    isStacked: 'true',
    color: '#000',
    colors: ['#4747D1', '#C2C2F0', '#B9CAFF', '#FF9999', '#A32900'],
    legend: {
        position: 'top'
    }
};

我不知道我是否理解正确,但是…百分比只是某事物的百分之一,所以你必须将你的“某事物”除以100

编辑 实际上,您已经非常接近解决方案:)您应该使用
后缀
,而不是
模式
。 我更新了你的小提琴:

更改数字格式中的
模式

var formatter = new google.visualization.NumberFormat({pattern: '##,##\'%'});

%
字符将值转换为百分比(因此
0.5
变为
50%
),这不是您想要的,因此您必须使用
'%
对其进行转义(
是转义字符,必须对其进行转义,因为字符串使用单引号;或者,您可以对字符串使用双引号:
“##,##”%”
).

除以100?什么不起作用?我解释错了…编辑..我看到你在代码中指定了一个后缀,显然是这样做的。同样,什么不起作用?我编辑了你的问题,因为你实际上没有试图转换任何东西。我编辑了我的帖子,以JSFIDLE显示我的完整代码。netI没有正确解释。我想要符号你不能,这不是你想要的工作方式。没有像“百分比”这样的数据类型。如果你想要符号“%”出现,你需要使用字符串,就像现在在这里一样:
ticks:[{v:0,f:'0%},{v:25,f:'25%},{v:50,f:'50%},{v:75,f:'75%},{v:100,f:'100%}]},
如果您只需要将其用作百分比(例如,您需要将54视为54%),那么您需要使用分数(在本例中为0.54)。您希望百分比符号出现在哪里?我已经在您的
选项中看到了一些变量
如果您真的希望它出现在“图表”中然后你需要发布相关代码…此选项仅适用于vaxis和haxis。我想在我的图表中的数字内添加符号“%”。然后请发布一些类似Casey所说的相关代码,也许还有fiddle.net示例?如果我们不知道代码的外观,我们不知道在何处以及如何修改代码:)是的,但如果你看到,当你这样做的时候会有一个bug。错误是当你把鼠标放在上面时,它显示为零percentage@user3813186为什么这是一个“错误”?这是一个增量条,它以0.00%开始,以100.00%结束。当然,如果将鼠标悬停在条的最前面或上方,工具提示将显示0.00%。你认为应该显示什么而不是0.00%?如果你在vaxis(S、SE、N、NE)中悬停,你会看到错误。它将显示“0,00%”,并且颜色不正确。看这里:vaxis的颜色不正确。@davidkonrad,错误在于,任何带有
0
的值的注释都将位于轴上,而不是它们应该位于的位置(请参见“s”行条形图;例如,更改背景颜色以突出显示问题:)。