Интервал визуализации Google

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

alt text
(источник: securitymonks.com)


charts google-visualization
person Mike    schedule 13.05.2010    source источник
comment
3D-графики излишне трудно читать. Пожалуйста, будьте добры к своей аудитории и используйте вместо этого 2D-график.   -  person Thomas    schedule 13.05.2010
comment
Я, тот, что изображен выше, не тот, который я использую, это просто изображение, наиболее близкое к тому, которое я использую.   -  person Mike    schedule 13.05.2010

Ответы (2)


arrow_upward
6
arrow_downward

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

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} },
person techtonic    schedule 06.10.2011

arrow_upward
2
arrow_downward

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

person Mike    schedule 13.05.2010