设置图表宽度，Highcharts

Question

8

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

问题在于我有3个图表需要并排显示，每次页面调整大小时，这3个图表都应该按比例缩放并根据屏幕大小使用。是否可以使用highcharts实现这一点？

- Santosh

1

请查看此链接以获取更正确的解决方案：http://jsfiddle.net/santoshgiridhar/ZrTux/19/ - Santosh

1

太有帮助了！我没想到可以创建一个包装器 div 并对其进行样式设置。我一直在尝试对实际的 div 进行样式设置，而不是渲染图表的 div。 - Sergey Orshanskiy

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Satya · Accepted Answer

将您的图表放入一个容器中，这样可以在屏幕大小变化时灵活调整图表大小。

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

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