問題タブ [rickshaw]

SVG ベースのチャートを使用してダッシュボードを作成しています。ページを印刷すると、チャート内で改ページが発生しないようにチャートが移動します。これは望ましくなく、レイアウトが崩れますが、何が原因なのかわかりません。

例：

1. プランカー
2. ポップアウトプレビュー
3. 印刷 (プレビューを見るだけで、実際に印刷する必要はありません)

結果: 1 ページあたり 2 つの完全なボックスで余白が不均一

予想: 1 ページあたり 2.5 箱程度、余白が均等

どんな助けでも大歓迎です

編集：これは私が話していることのギャラリーです. どうやら、この問題はすべてのブラウザ/オペレーティング システムに影響するわけではありませんか?

例として、 https ://github.com/shutterstock/rickshaw/blob/master/examples/multi.html のファイルをフォローしようとしています。

私の目標は、ランダムに生成されたデータを使用する代わりに、Rails アプリで既存のテーブルのデータを使用することです。特に、コードがある場合:

私はの線に沿って何かを使用しようとしています

しかし、これは機能していません。シリーズをグラフにハードコーディングするのではなく、既存のレールテーブルを活用する人力車のサンプルコードを教えてもらえますか? また、私がこの質問をしているという事実により、Rails の基本的な知識がないことが明らかになった場合は、私がまだ学んでおり、できる限り理解したいと思っているのでお知らせください。

ありがとう！

人力車を使用して、アプリでリアルタイム データをグラフ化しています。私が抱えている問題は、グラフを表示するために利用できるスペースが時間とともに変化することです。特定の条件が満たされると、コンテナーが大きく/小さくなります。その結果、チャートのサイズを手動で (追加のコードを使用して) 変更する必要があります。

以前に使用した他のグラフ作成ライブラリ (ハイチャート) は、ディメンションが手動で指定されていない場合、デフォルトで「親に合わせてサイズ変更」されます。

人力車で似たようなことをする方法はありますか? そうでない場合、自分で似たようなものを実装するにはどうすればよいですか?

私は自分のデータセットでhttp://code.shutterstock.com/rickshaw/examples/scaled.htmlに似たものを作成しようとしています (Rickshaw を使用) 。データセットに合わせてコードを少し変更しただけですが、何らかの理由で問題が発生しています。

• 2 つの折れ線グラフがあり、どちらも異なる y 軸スケールにあります (y 値の 1 つのセットは常に 0 から 1 の間であり、もう 1 つのセットは 1 から 3k の間で変化する可能性があるため、2 番目の軸を使用したかったのです)。
• プロットされている両方の線の外観から判断すると、2 番目の軸が実装されていますが、図には 2 番目の Y 軸が表示されていません。

これが私のコードです（注：element: document.getElementById('axis0')定義済みのcssによって現在のフォーマットが台無しになったため、その行をコメントアウトしました。コメントの前と後の両方で、2番目の軸は表示されませんでした）

私は RickShaw を使用していくつかのグラフを作成します。唯一の問題は、フィドルで確認できるように、2 番目の Y 軸の値です: http://jsfiddle.net/tWXzL/419/

[0,50]の間にスケールを入れます

しかし、2 番目のスケール axis1は、0 から 1 の間の値を示し、0 から 50 の間ではありません。

たぶん私はそれがどのように機能するのか理解していませんが、最初のスケールでは完全に機能するのに、なぜ2番目のスケールは機能しないのですか?