如何在图表值中附加百分号?

时间:2014-07-16 12:32:50

标签: javascript svg google-visualization

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

我的选择:

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

2 个答案:

答案 0 :(得分:1)

我不知道我是否理解正确,但......百分之百只是某事的百分之一,所以你必须分开你的东西' 100 ...

修改

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

答案 1 :(得分:1)

更改NumberFormat中的pattern

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

%字符会将值转换为百分比(因此0.5变为50%),这不是您想要的,因此您必须使用{{1}转义它}('%是转义字符,必须转义,因为字符串使用单引号;或者您可以对字符串使用双引号:')。