【问题标题】：How do I append a percent sign to my chart values?如何将百分号附加到图表值？
【发布时间】：2014-07-16 12:32:49
【问题描述】：

我想知道，如何在图表中的数字上附加百分号 (%)？我已经有了数字，我只想在数字后面加上符号'%'。

我的选择：

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'
    }
};

jsFiddle : My full code

【问题讨论】：

除以 100？什么不工作？
我解释错了...已编辑..
我看到您在代码中指定了一个后缀，显然是这样做的。再说一次，什么不工作？我已经编辑了您的问题，因为您实际上并没有尝试转换任何内容。
我编辑了我的帖子以在 jsfiddle.net 中显示我的完整代码

标签： javascript svg google-visualization

【解决方案1】：

我不知道我是否理解正确，但是...百分比只是某事物的百分之一，因此您必须将“某事物”除以 100...

编辑

您实际上已经非常接近解决方案了 :) 您应该使用 suffix 而不是 pattern。我更新了你的小提琴： http://jsfiddle.net/jr59x/1/

【讨论】：

我解释的不对。我想要 Penetage '%' 的符号。
你不能，这可能不是你希望它工作的方式。没有像“百分比”这样的数据类型。如果您希望符号 '%' 出现，您需要使用字符串，就像现在在这里所做的那样：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）。
您希望百分号出现在哪里？我已经在您的 options 变量中看到了一些...如果您真的想要在“图表”中使用它，那么您需要发布相关代码...
此选项仅适用于 vaxis 和 haxis。我想在图表中的数字内使用符号“%”。
那么请像Casey所说的那样发布一些相关代码，也许还有一个fiddle.net示例？我们不知道在哪里以及如何修改您的代码，如果我们已经不知道它的样子:)

【解决方案2】：

在您的 NumberFormat 中更改 pattern：

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

% 字符将值转换为百分比（因此 0.5 变为 50%），这不是您想要的，因此您必须使用 '% 对其进行转义（' 是转义字符，必须转义，因为字符串使用单引号；或者您可以对字符串使用双引号："##,##'%")。

【讨论】：

没错，但是如果你看到，当你这样做时会有一个错误。错误是当您将鼠标移过它时，它显示的百分比为零
@user3813186，为什么这是一个“错误”？它是一个增量条，它以 0.00% 开始，以 100.00% 结束 - 自然，如果您将鼠标悬停在条的最开始之前或上方，工具提示将显示 0.00%。您认为应该显示什么而不是 0.00%？
如果您将鼠标悬停在 vaxis ( S , SE , N , NE ) 上，您会看到该错误。它会显示“0,00%”并且颜色不对。
看这里：jsfiddle.net/jr59x/1 VAxis的颜色不对。
@davidkonrad，错误是任何带有0 的值都将在轴上而不是它们应该在的位置上进行注释（参见“s”行；背景颜色更改的示例突出问题：jsfiddle.net/asgallant/bE9qD/1)。