Google Круговая диаграмма с шириной Родителя

Question

Я использую bootstrap3, посмотрел на this documentation предполагая, у меня есть кое-что, как показано ниже:

<div class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-xs-4"> 
    <div class="well"> 
     <header>Genel İstatistik</header> 
     <content id="general"></content> 
     <footer>Footer</footer> 
    </div> 
</div> 

Я хочу, чтобы мой график, чтобы иметь ширину моего сНу и авто высоты изменения размеров по ширине, в этом случае ширина определяется правилом col-*-4. Как сделать ширину 100% до родителя на options?

Здесь fiddle.

Answer 1

Хорошо, поэтому кажется, что нет встроенного способа определения ширины Google Pie Chart отзывчиво. Тем не менее, я понял выход, так оно и есть. В соответствии с документацией на Google, пропускании пример options переменной .draw() функции будет определять размер, options, как показано ниже:

var options = {'title':'How Much Pizza I Ate Last Night', 
       'width':400, 
       'height':300}; 

Таким образом, все, что нужно сделать, это получить ширину document и сделать несколько простых математику , как:

var width = $(document).width(); 

var options = {'title':'How Much Pizza I Ate Last Night', 
       'width':width/3, 
       'height':300}; 

width/3 хорошо для меня, но вы можете взять ширину родителя, то применяются. В этом случае вы можете посмотреть на this answer.