1

zingchart を使用してレスポンシブ チャートを作成しようとしていますが、最初のレンダリング時にチャートのサイズが正しく設定されません。ウィンドウのサイズを変更すると、適切なサイズになります。

それを再作成する手順:

ここからファイルをダウンロードします

148 行目と 149 行目を次のように変更します。

height: "100%",
width: "100%"

新しいブラウザ ウィンドウを開き (最新のクロム、ウィンドウで試しました)、幅 450 ピクセル以下にサイズ変更します。

そのウィンドウで編集したファイルを開きます。

親 div のサイズが適切に設定されていても、グラフの幅は 640px になります。

もちろん、divのサイズを手動で設定するか、幅100%に設定し、htmlと本文の幅を100%に設定しようとしました。

私は何か間違ったことをしていますか、それともライブラリのせいですか?

4

1 に答える 1

3

グラフのサイズを適切に設定するには、id を含む div の高さと幅の両方を 100% にする必要があります。どちらかが欠けている場合 (私は高さを省略していました)、適切なサイズになりません。

于 2015-12-01T10:05:10.093 に答える