Google Charts Визуализация Столбец Диаграмма форматирование осей и цвета столбцов - PullRequest
20 голосов
/ 12 мая 2011

chart

У меня есть эта столбчатая диаграмма, использующая инструменты API Google Visualization Chart. Как бы я сделал так, чтобы числа по оси Y были только положительными целыми числами? Я пытался просмотреть документацию, но, похоже, ничего не нашел.

Ответы [ 8 ]

16 голосов
/ 20 сентября 2012

Я использовал следующее и с тех пор не видел дробей ...

vAxis:{minValue:0,maxValue:5,gridlines:{count:6}}

Хитрость заключается в том, что при 6 линиях сетки и 5 как наименьшем «высоком» значении половины и десятые не являютсяприменимо больше.

12 голосов
/ 28 июня 2012

Это сработало для меня

vAxis: {minValue:0, format:'#'}
6 голосов
/ 10 апреля 2012

Просто используйте hAxis.format

пример:

hAxis: {minValue:0,format:'0'},

формат 0 = цифра

1 голос
/ 08 июня 2011

Положительные числа:

Вы можете использовать vAxis.minValue, чтобы установить самую низкую линию сетки по оси Y, однако фактическое значение линии сетки будет минимальным из того, что вы установили, и самым низким значением в ваших данных,поэтому, если у вас есть 0 в ваших данных (как кажется, что вы делаете для Неудовлетворительно), это значение будет использоваться для самой нижней линии сетки оси Y.

Целые числа:

http://groups.google.com/group/google-visualization-api/browse_thread/thread/04a001766367dc0f/84c34338c2808069 - это более старая запись, но, поскольку в документации по API для диаграмм ничего нет, кажется, что функциональность для указания только целых чисел все еще сохраняетсяне хватает.

Поскольку на диаграмме по умолчанию установлено 5 линий сетки (это то, что вы хотели бы иметь возможность переопределить), если ваше максимальное значение данных равно 2,0 (как в примере), вы можете force целые числа, установив vAxis: {maxValue: 5}, хотя это может быть не самым элегантным решением.

0 голосов
/ 07 декабря 2012

Единственный обходной путь, который я смог найти, заключается в том, что ... Например, деления сетки по умолчанию - 4. Вы можете изменить это число. Но в случае значения по умолчанию (4) значение vAxis.maxValue должно делиться на 4, если теперь увеличить это число до такого значения.

0 голосов
/ 07 апреля 2012
var max=Math.max(1,10,15,20);(u have to pass the values what the values u have)
var maxvalue= max / 4;
var res=Math.floor(maxvalue);
res=res+1;
var remin= max % 4;
if(res != 0) {
    maxvalue=(res * 4);
}
else
    maxvalue= 4;

используйте приведенный выше код для меня нормально.

0 голосов
/ 02 января 2012

Если вы измените тип графика следующим образом:

google.load('visualization', '1', {'packages':['linechart']});

будет работать на вас ..

0 голосов
/ 09 июня 2011

вы можете использовать функцию axisLabels.Чтобы использовать его, вы должны вручную отредактировать ваши метки axixLabels, как показано здесь: http://code.google.com/apis/chart/image/docs/chart_params.html#axis_labels

например:

chxt=x,y
chxp=0:|Excellent|Very Good|Fair|Unsatisfactory|1:|0|1|2

Привет,

Ян

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...