如何正確地在頁面上標定Dygraph？

我注意到，在啓動一個Dygraph對象時，寬度和高度只能設置爲純整數。我不確定這是什麼測量。調整瀏覽器的大小時不會縮放。我想將它設置爲高度：70％而不是高度：700.這可能嗎？如何正確地在頁面上標定Dygraph？

2017-07-14 foerever

http://dygraphs.com/tests/resize.html是一個使用瀏覽器調整圖形的示例，我相信你可以把它放在具有％age值的容器div中 – Nick

我也遇到了這些問題。我發現調整大小的例子對我也沒有太大的幫助。

經過幾個小時的努力，我確實設法找到了解決方案。所有這些都需要獲取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%; 
}

希望它能幫助！

來源

2017-07-17 16:21:33 kathpanderson

這沒有真的爲我工作（圖表使我的窗口縮放一半，但不完全）。我確實明白你說的背後的想法，所以這確實有幫助！此外，我認爲id = {this.props.containerID}是您調用您啓動的任何圖形var的位置。 – foerever

然而，對我來說有什麼更好的工作只是讓.dygraphChart具有屬性（位置：絕對，最大寬度：50％，最大高度：50％）。這顯然不完全是一個解決方案，所以我會繼續擺弄這個！ – foerever

如何正確地在頁面上標定Dygraph？

回答

相關問題