Как установить процент в Google Visualization Chart API?

Как настроить вертикальную ось для отображения процентов, например 25%, 50%, 75%, 100%?


api charts google-visualization number-formatting
person B Seven    schedule 25.06.2011    source источник

Ответы (3)


arrow_upward
34
arrow_downward 

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

Попробуйте избежать знака%. Я использовал это, чтобы просто добавить знак% на оси y.

person jroi_web    schedule 22.08.2014
comment
Это должно быть: vAxis: {minValue: 0, maxValue: 100, format: '# \'% \ '';} - person Strabek; 27.08.2015
comment
вы также можете указать ему значения как объекты json с параметрами v и f: {v: '45' f: '45% '} stackoverflow.com/questions/11752199/ - person sskular; 12.05.2016
comment
просто поменяйте двойные и одинарные кавычки, например format: "#.#'%'" - таким образом Google не будет пересчитывать (умножать на 100) ваши значения - person sbrbot; 05.08.2017
comment
Большое спасибо @sbrbot, ваш совет решил проблему здесь! - person Jonathan Martins; 02.09.2020

arrow_upward
30
arrow_downward 

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

Чтобы получить запятую для тысяч, используйте {format:'#,###%'}.

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

person B Seven    schedule 26.06.2011

arrow_upward
3
arrow_downward

Используя гистограммы, я обнаружил, что мои результаты случайны, и мне удалось добиться согласованности, выполнив следующие действия: 1. В столбце данных установите значение 100, даже если вы добавите фиктивное значение 100. 2. Выделите все числовые ячейки в столбец и отформатируйте их, используя Format, Number, Normal 3. Теперь отформатируйте их в%, используя Format, Number, Percent Rounded

Теперь ваш график должен показывать 100% по вертикальной шкале, и если у вас есть фиктивное значение для 100%, вы захотите его скрыть, поэтому вы можете либо отформатировать его, щелкнув его на графике и изменив цвет (но это не Кажется, работает каждый раз) или перейдите в раздел «Расширенное редактирование», «Настройка», «Столбцы», выберите имя столбца (из графической легенды) и установите для цвета полосы значение «Нет» или любой другой цвет фона.

Удачи.

person Pat Price    schedule 18.12.2013