设置图表宽度,highcharts

时间:2013-02-25 06:35:20

标签: highcharts highstock

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

One Solution

问题在于我有3个图表需要并排显示,每次重新调整页面大小时,3个图表应该按比例放大并相应地使用屏幕尺寸。是否可以使用highcharts?

Solution of this problem?

1 个答案:

答案 0 :(得分:18)

将图表包装在容器中,这样您就可以灵活地在屏幕更改时调整图表大小。

还为包装器提供宽度并使其向左浮动,以便将图表并排放置。

以下是一个示例:http://jsfiddle.net/ZrTux/9/

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