2

提供された例に従って、特定の固定された高さと幅を持つjQueryアコーディオンタブに箱ひげ図を描画する関数を作成しました。個別のカテゴリの量は、受信データによって大きく異なります。現在、プロットで次のことを達成したいと思います。

1)この写真のように、軸を追加してラベルを表示します

2)ボックスは常にコンテナの幅と高さに合わせてください。現在、カテゴリが多すぎると、一部が2行目で終わり、完全に表示されていないことがわかります。写真では、divには7つのボックスが含まれていますが、1つの行に収まるのは4つだけです。 ここに画像の説明を入力してください

問題は、これら2つをどのように実装できるかということです。ボックスのサイド番号を食いつぶさずに、ボックス間のパディングを確実に減らす方法を見つけることさえできませんでした。

4

2 に答える 2

3

軸を含めるために、元のd3.jsの例を採用しました。

http://bl.ocks.org/jensgrubert/7789216

Mikeの実装のように個々のsvg要素を使用する代わりに、ここではすべての箱ひげ図が1つのルート要素でレンダリングされます。これにより、軸を簡単に追加できます。

最高、イェンス

于 2013-12-12T08:32:42.893 に答える
1

とりあえず、Highchartsフォーラム(ここではjsfiddle )で見つけたハックを使用しています。かっこいいと思われるRaphael.jsで作成された箱ひげ図の実装もあります(github

于 2012-09-21T18:02:09.987 に答える