3

Web サイトで視覚化の目的でdygraph ( http://dygraphs.com/ )を使用しようとしてきましたが、すべての機能で問題なく動作します。私が構築しようとしているウェブサイトは動的なもので、最初は目に見える要素に印刷しようとしましたが、問題ありませんでした..次に、クリックで展開および折りたたむことができる要素をdiv導入しようとしました. divしたがって、div折りたたまれた状態でグラフを印刷しようとすると、機能しません。グラフが展開されている場合にのみ、グラフが印刷されます..私の問題を示すためにjsfiddleリンクを追加しています..

http://jsfiddle.net/dTUQC/2/

この問題の原因は何ですか？

  $("#chartdiv").css({"height":"160px"});
g = new Dygraph(document.getElementById("chartdiv"), input, {
    width : 500,
    includeZero : true,
    animatedZooms : true,
    drawXGrid : false,
    plotter : barChartPlotter
});
}
4

1 に答える 1

3

その背後にある理由は、slideToggle()関数を使用しているため、表示プロパティが保存され、必要に応じて復元されるためです。のスタイルはdiv chartdiv閉じdisplay : noneたときです...棒グラフはそのdom要素でレンダリングできませんでした。開いていると、スタイルが に変更されるdisplay:blockため、今回はグラフで が検出されdiv chartdivます。

ここにフィドルがあります..

http://jsfiddle.net/dTUQC/3/

コンソールを確認してください..スタイルを表示した場所...に変更するdiv chartdivとdisplay:block、divが閉じた状態であってもグラフがレンダリングされます..

更新しました

または使用.show()..

http://jsfiddle.net/dTUQC/9/ ワンボタンで

于 2012-12-18T11:24:12.093 に答える