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

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

Alt текст http://blog.securitymonks.com/wp-content/uploads/2010/04/googlecolumn.png

2 3
google-visualization

2 ответа:

Вы можете поиграть с процентами ширины и высоты и значениями ширины и высоты в переменной 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} },
6

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

2