Google Круговая диаграмма не помещается контейнер

Question

Я работаю с Google Chart API и разработали круговую диаграмму со ссылкой на Visualization: Pie Chart

Скриншот моей круговой диаграммы: -

Скриншот показывает контейнер через firebug ...

Возникает проблема: синий цвет с низкой непрозрачностью - это контейнер (т.е. div), в котором отображается диаграмма, некоторые из них не соответствуют этому внешнему di v, в котором его содержимое и показать некоторые бесполезные пробельные, круговая диаграмма должна соответствовать DIV, так или иначе, если мой код правильный ...

Работа этого кода: -

var options_pie = { 
chartArea: { left: 0, top: 0, width: "100%", height: "60%"}, 
colors: ['#59ea54', '#a14660', '#f3cf4a', '#16a2c2', '#ce7374', '#39ae9b'], 
legend: 'none', 
}; 

var chartPie = new google.visualization.PieChart(document.getElementById('chart_pie')); 
chartPie.draw(data, options_pie); 

Я не знаю, я что-то упустил или его проблема с api?

Answer 1

Попробуйте изменить ширину и высоту, например:

options.chartArea = {left:0, 'width': '80%', 'height': '80%'}