Google Visualization Spacing - PullRequest
       13

Google Visualization Spacing

3 голосов
/ 13 мая 2010

У меня есть диаграмма, аналогичная приведенной ниже, с использованием Google Visualization API. Моя проблема в том, что справа от того места, где находится ключ для этого графика (где написано «низкий, средний, высокий»), слишком много пустого пространства. Как я могу избавиться от этого пробела?

альтернативный текст http://blog.securitymonks.com/wp-content/uploads/2010/04/googlecolumn.png

Ответы [ 2 ]

6 голосов
/ 06 октября 2011

Вы можете поиграть с процентами ширины и высоты, а также значениями ширины и высоты в переменной options и даже перенести легенду вниз, как одну строку. Затем передайте параметры графику, который вы рисуете.

var options2 = { width: 265, height: 200,
            chartArea: { left: 60, top: 20, width: "100%", height: "60%" }, 
            isStacked: true, allowHtml: true, 'legend': 'bottom', titleTextStyle: { color: 'green', fontFamily: 'Arial', fontSize: 16 }, legendTextStyle: { color: '#666666' },
            vAxis: { title: 'Liters', titleTextStyle: { color: 'blue', fontName: 'Arial', fontSize: 10 }, textStyle: { fontSize: 9} },
2 голосов
/ 13 мая 2010

В качестве своего рода обходного пути я в итоге просто расширил график и использовал переполнение: скрытое в содержащем Div. Если кто-нибудь знает, позволяет ли API уменьшить пустое пространство, сообщите мне.

...