您如何在 Google Visualization Chart API 中设置百分比？答案

【问题标题】：How do you set percentage in Google Visualization Chart API?您如何在 Google Visualization Chart API 中设置百分比？
【发布时间】：2011-09-22 15:07:44
【问题描述】：

如何设置纵轴显示百分比如25%、50%、75%、100%？

【问题讨论】：

标签： api charts google-visualization number-formatting

【解决方案1】：

var options = {
        title: 'Chart Title',
        vAxis: {
            minValue: 0,
            maxValue: 100,
            format: '#\'%\''
        } 
    };

尝试转义 % 符号。我用它只是在 y 轴上附加 % 符号。

【讨论】：

应该是：vAxis: { minValue: 0, maxValue: 100, format: '#\'%\'';}
您也可以将其值作为带有 v 和 f 参数的 json 对象：{v: '45' f:'45%'} stackoverflow.com/questions/11752199/…
只需像 format: "#.#'%'" 这样交换双引号和单引号 - 这样 Google 就不会重新计算（乘以 100）您的值
非常感谢@sbrbot，您的提示解决了这里的问题！

【解决方案2】：

使用条形图，我发现我的结果很随意，我通过执行以下操作来保持一致性： 1. 在您的数据列中，设置一个值 100，即使您添加一个虚拟值 100。 2. 选择列中的所有数字单元格并使用格式、数字、正常对其进行格式化 3. 现在使用 Format、Number、Percent Rounded 将它们格式化为 %

您的图表现在应该在垂直刻度上显示 100%，如果您有一个 100% 的虚拟值，您需要隐藏它，因此您可以通过在图表中单击它并更改颜色来格式化它（但是这似乎并非每次都有效）或前往高级编辑，定制，列，选择您的列名（来自图形图例）并将条形颜色设置为 None 或您的背景颜色。

祝你好运。

【讨论】：

【解决方案3】：

chart.draw(data, {vAxis: {format:'#%'} } );

要获得千位逗号，请使用{format:'#,###%'}。

见http://code.google.com/apis/chart/interactive/docs/gallery/linechart.html

【讨论】：