2013-11-28 17 views
5

経費データを時間軸に対してプロットしようとしていますが、同じ日付のデータが表示されている場合はデータバーが重なって表示されます。私は、棒グラフがお互いに合っていることをグラフで期待していましたが、そうではありません。 sample of code at this link ...棒グラフ:時間軸で重複する棒問題

$.plot($("#placeholder"), newJson, 
{ 
    bars: { 
     show: 1, 
     barWidth: 24 * 60 * 60 * 1000 * 10 
    }, 
    xaxis: { mode:"time" } 
}); 

enter image description here

答えて

5

を参照してください。残念ながら、それは、プラグインのいくつかの並べ替えを使用せずにFLOTでは不可能です。垂直スタックを取得するにはstacking pluginを使用するか、orderBarsのような外部のプラグインを使用することをお勧めします。

それぞれで、積み重ね/順序付けを指定するオプションを各シリーズに追加します。または、すべてに適用する場合は、バーの全体的なシリーズオプションにします。

$.plot($("#placeholder"), newJson, 
    {bars: { order:1, show: 1, barWidth: 24 * 60 * 60 * 1000 * 10 }, 
    xaxis: { mode:"time" } 
}); 

ここで働い例です:http://jsfiddle.net/ryleyb/A8yNV/7/

+0

私はそれを試してみましょう... – Faiz

+0

ありがとう...このOrderBarsはいくつか修正するようです:)しかし、私はいくつかの他の問題があります:) – Faiz

+0

プラグインを実装するのは良いアイデアかもしれないバーのx値... – Faiz

0

私はちょうどORDERプロパティを使用して問題を解決しました:セリエの1がNULL値を持っている場合、それは動作しません。 実際、セリエのための小さな(0)行を避けるためにNULL値を使用していましたが、この場合、スタックの次の順序は完全に乱れています。 NULLの代わりに0(ゼロ)を設定すると、すべてが問題ありません。

注:「orderBars Plugin」の有無にかかわらず同じ問題です。

希望すると、これが役立ちます。

関連する問題