ページ上でダイグラフを正しくスケールする方法は？

Dygraphオブジェクトの開始時に、幅と高さを純粋な整数にしか設定できないことに気付きました。私はこれが何の測定値なのか本当に分かりません。ブラウザのサイズを変更しても縮尺は変わりません。私はそれを高さの線に沿って何かに設定したいと考えています：高さの代わりに70％：700これは可能ですか？ページ上でダイグラフを正しくスケールする方法は？

出典

2017-07-14 foerever

http://dygraphs.com/tests/resize.htmlは、ブラウザでサイズ変更されたグラフの例です。％age値のコンテナdivに入れられると確信しています。 – Nick

これらの問題も発生しました。私はサイズ変更の例が私に多大な影響を与えなかったことを発見しました。

数時間の苦労の末、私は解決策を見つけることができました。すべての変数で親線図を塗りつぶす必要がありますが、親幅を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にプロパティ（position：absolute、max-width：50％、max-height：50％）を持たせることでした。これは明らかに正確な解決策ではありませんので、私はこれを手伝っていきます！ – foerever

ページ上でダイグラフを正しくスケールする方法は？

答えて

関連する問題