Question

我正在使用bootstrap3，假设我有以下内容，请查看https://github.com/Microsoft/vcpkg：

<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>

我希望我的图表具有div的宽度并按宽度自动调整高度，在这种情况下，宽度由col-*-4规则定义。如何在options处将宽度100％设为父级？

这是this documentation。

Answer 1

好的，似乎没有内置的方法来响应地定义 Google饼图的宽度。但是，我想出了一条出路，所以就是这样。根据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。

父饼宽的谷歌饼图

1 个答案: