如何正确缩放页面上的Dygraph？

Question

我注意到在启动Dygraph对象时，宽度和高度只能设置为纯整数。我不确定这是什么衡量标准。当我调整浏览器大小时，它不会缩放。我想将它设置为高度线：70％而不是高度：700。这可能吗？

Answer 1

我也遇到过这些问题。我发现调整大小的例子对我没什么帮助。

经过几个小时的努力，我确实设法找到了解决方案。所有这些都需要让dygraph填充父div，但你可以（当然）将父宽度从60％改变。

HTML：

<div id="container">
    <div id={this.props.containerId} className="dygraphChart"></div>
</div>

CSS：

#container {
  position: relative;
  width: 60%;
}

.dygraphChart {
  position: absolute;
  left: 1px;
  right: 1px;
  top: 1px;
  bottom: 1px;
  min-width: 100%;
  max-height: 100%;
}

希望它有所帮助！