highcharts - 设置图表宽度，highcharts

Question

是否可以使用百分比设置高图的宽度？每当调整页面大小时，图表应该足够响应以适应页面大小？

一种解决方案

这里的问题是我有 3 个图表需要并排显示，每次重新调整页面大小时，3 个图表都应该按比例放大并相应地使用屏幕大小。可以使用highcharts吗？

这个问题的解决方案？

Answer 1

将您的图表包装在一个容器中，这将使您可以在屏幕更改时灵活地调整图表大小。

还为您的包装器提供宽度并使其浮动到左侧，以便图表并排放置。

这是一个例子：http: //jsfiddle.net/ZrTux/9/

.chart-wrapper {
    float: left;
    padding-bottom: 40%;
    position: relative;
    width: 45%;
}