Google visualization 谷歌可视化图表，大小以百分比表示

如何设置谷歌图表的百分比大小： 我在html中有以下内容：

js中的选项没有宽度和高度

---

但是图表大小不适合视口。

首先，使用样式设置尺寸，而不是属性：

默认情况下，图表将绘制为div的大小，但图表没有响应。您必须将“调整大小”事件处理程序挂接到窗口（或其他元素，如果您在窗口内调整大小），以重新绘制图表：

函数大小调整图表（）{
图表绘制（数据、选项）；
}
if（文件增补列表器）{
window.addEventListener（'resize'，resizeChart）；
}
否则，如果（文件附件）{
window.attachEvent（'onresize'，resizeChart'）；
}
否则{
window.resize=调整图表大小；
}

谷歌建议你像上面的答案一样，使用正确的CSS进行风格设计，这样可以减少图表的浮华。 但是，您可以在Javascript中放大它的大小…

因此，对于绘制图表时的选项（使用上面的

chart.draw（数据，选项）

）。

var options = {
    width:400,
    height:300
}

响应性设计的好提琴在这里…

$（窗口）。调整大小（函数（）{
var container=document.getElementById（“chart_div”）.firstChild.firstChild；
container.style.width=“100%”；
图表绘制（数据、选项）；
});

在图表选项中将适当的系数乘以$（window）.width（）或$（window）.height（）

var选项={
宽度：$（窗口）.width（），
高度：$（窗口）.height（）*0.75
};

请从脚本中的选项中删除宽度和高度属性，然后将以下样式添加到页面中

<style>
    .chart {
        width: 100%;
        min-height: 450px;
    }

    .row {
        margin: 0 !important;
    }
</style>

.图表{
宽度：100%；
最小高度：450px；
}
.行{
边距：0！重要；
}

很好的例子，如果不需要jQuery，只需使用普通JavaScript:'window.onresize=function（event）{}。这是唯一对我有效的解决办法。谢谢