如何在Google可视化图表API中设置百分比？

Question

如何将垂直轴设置为显示百分数，例如25％、50％、75％、100％？

- B Seven

Answer 1

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

尝试转义百分号。我用这个方法来在y轴上添加百分号。

尝试转义百分号。我用这个方法来在y轴上添加百分号。

- jroi_web

---

应该是：vAxis: { minValue: 0, maxValue: 100, format: '#'%' ;} - Strabek

你还可以使用v和f参数将其赋值为json对象：{v:'45' f:'45％'} https://dev59.com/uWgt5IYBdhLWcg3w3xPC - sskular

只需将双引号和单引号交换，例如 format: '#.#'%'' - 这样 Google 就不会重新计算（乘以100）您的值。 - sbrbot

非常感谢 @sbrbot，您的提示解决了这里的问题！ - Jonathan Martins

Answer 2

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

要使千位数逗号分隔，请使用{format:'#,###%'}。

详情请查看http://code.google.com/apis/chart/interactive/docs/gallery/linechart.html

- B Seven

Answer 3

使用条形图，我发现我的结果杂乱无章，通过以下步骤可以实现一致性： 1. 在数据列中，设置一个值为100，即使添加一个虚拟值也是100。 2. 选择列中的所有数字单元格，并使用“格式”、“数字”、“常规”进行格式化。 3. 现在使用“格式”、“数字”、“百分比四舍五入”将它们格式化为%。

您的图表现在应该在垂直刻度上显示100%，如果您有一个100%的虚拟值，您将想要隐藏它，因此您可以通过在图表中单击它并更改颜色来格式化它（但这似乎并不总是有效），或者进入高级编辑、自定义、列中，选择您的列名称（从图例中）并将条形颜色设置为“无”或您的背景颜色。

祝你好运。

- Pat Price