問題タブ [stackedbarseries]

d3 と日時の操作に問題があります。時間ディメンションの積み上げ棒グラフを示す例はありますか? バスに乗ったり、歩いたりといったユーザーの行動を棒グラフで可視化したいと考えています。既存のものは数字に基づいており、理解するのは本当に複雑です。私はこれを見つけましたhttps://gist.github.com/anotherjavadude/2940908より良いようですが、それでも私には明確ではありません。

AndroidPlot を使用して StackedBar Chart に 3 つのデータ系列があります。例えば：

私のチャートには、3 つのティックがあります。たとえば、ラベルに表示される値は、series1 min 1 から series1 max 5 までで、serie1 の最大値です。実際、全虚数範囲は次のようになります。

したがって、表示する必要があるラベルは最小 5 から最大 15 になります

この問題を解決する方法はありますか?

キー値を使用して、stackedBarChart の色を変更したいと思います。円グラフでこれを行う方法は知っていますが、stackedBarCharts で同じことを達成することはできません。

円グラフの場合、基本的に私のアプローチはここに記載されている答えに似ています

注意すべきコード行は次のとおりです。

ただし、StackedBarChart の場合、どうすればよいかわかりません。基本的に、以下の既存の jfreechart コードを変更する必要があります。

だから私の質問は本当に、同等のものはありますか

積み上げ棒グラフの場合? はいの場合、どのように使用できますか?

Web リソースから、setSeriesPaint に関する何かがあることがわかりますが、それはインデックスに基づいて色を変更しているようです。「J+1」などのラベルに基づいて色を変更したいと考えています。

Grouped / Stacked Multi-Barの例から始めて、nvd3.js を使用してこのグラフを描画します。

Stacked コントロールをクリックすると、2 番目のシリーズが軸の開始点から描画されません。

それがなぜなのかわかりません。これが私のコードのjsfiddleの例です: http://jsfiddle.net/58rw7/1/

私のデータは次のようになります。

軸の最初から 2 番目のシリーズが描画されないのはなぜですか? どうやってやるの？

生データと要約データからの同じプロット

次のデータ構造の場合

一連の積み上げ棒グラフを取得できます

上のグラフは生データから作成されたものです。ただし、特に統計関数を制御する必要がある場合は、要約されたデータからグラフを作成すると便利な場合があります。以下は、上のグラフに実際にマッピングされた値のみを含む dsN から ds への変換です。

質問：

この要約データセットを使用して、上記のグラフをどのように再作成します dsか?

積み上げ棒グラフでこの問題が発生しました。
うまく積み上げられていません。

赤い矢印が指しているバーを参照してください。
下のバーをクリックしようとすると、代わりに上のバーが選択されます。

手伝っていただけませんか？

以下は私のデータセットです：

[ { "棒" : { "棒幅" : 20000, "塗りつぶし" : true, "線幅" : 0, "順序" : 1, "表示" : true }, "データ" : [ [ 50000, 0 ], [ 150000, 0 ], [ 250000, 0 ], [ 350000, 0 ], [ 450000, 0 ], [ 550000, 0 ], [ 650000, 0 ], [ 750000, 0 ], [ 850000, 0 ], [ 950000, 0 ]、[ 1050000、0 ]、[ 1150000、0 ]、[ 1250000、0 ]、[ 1350000、0 ], [ 1450000, 0 ], [ 1550000, 0 ], [ 1650000, 0 ], [ 1750000, 0 ], [ 1850000, 0 ], [ 1950000, 0 ], [ 2050000, 0 ], [ 2150000, 0 ] , [ 2250000, 0 ], [ 2350000, 0 ], [ 2450000, 0 ], [ 2550000, 0 ], [ 2650000, 0 ], [ 2750000, 0 ], [ 2850000, 0 ], [ 2950000, 0 ], [ 3050000, 0 ],[ 3150000, 0 ], [ 3250000, 0 ], [ 3350000, 0 ], [ 3450000, 0 ], [ 3550000, 0 ], [ 3650000, 0 ], [ 3750000, 0 ], [ 3850000, 0 ], [ 0 ] , 0 ], [ 4050000, 0 ], [ 4150000, 0 ], [ 4250000, 0 ], [ 4350000, 0 ], [ 4450000, 0 ], [ 4550000, 0 ], [ 4650000, 0 ], [ 4750000, 0 ]、[ 4850000、0 ], [ 4950000, 0 ], [ 5050000, 0 ], [ 5150000, 0 ] ], "stack" : true, "xaxis" : 1 }, { "bars" : { "barWidth" : 20000, "fill" : true, "lineWidth" : 1, "order" : 2, "show" : true }, "color" : "#0066FF", "data" : [ [ 50000, 35 ], [ 150000, 41 ], [ 250000 , 40 ], [ 350000, 45 ], [ 450000, 50 ], [ 550000, 55 ], [ 650000, 1 ],[ 750000, 2 ], [ 850000, 70 ], [ 950000, 4 ], [ 1050000, 5 ], [ 1150000, 6 ], [ 1250000, 7 ], [ 1350000, 8 ], [ 1450000, 9 ], [ 1550000 , 10 ], [ 1650000, 11 ], [ 1750000, 12 ], [ 1850000, 13 ], [ 1950000, 15 ], [ 2050000, 30 ], [ 2150000, 29 ], [ 2250000,0 28 ], [ 2350 ]、[ 2450000、26 ], [ 2550000, 24 ], [ 2650000, 24 ], [ 2750000, 23 ], [ 2850000, 22 ], [ 2950000, 21 ], [ 3050000, 20 ], [ 3150000, 19 ], [ ,32501800] , [ 3350000, 17 ], [ 3450000, 16 ] ], "label" : "果物", "stack" : true, "xaxis" : 1 }, { "bars" : { "barWidth" : 20000, "fill" : true, "lineWidth" : 1, "order" : 3, "show" : true }, "color" : "#93CDDD", "data" : [ [ 150000, 65 ], [ 750000, 32 ] , "label" : "野菜", "stack" : true, "xaxis" : 1 }, { "bars " : { "barWidth" : 20000, "fill" : true, "lineWidth" : 1, "order" : 4, "show" : true }, "color" : "#0066FF", "data" : [ [ [ 450000 , 100 ], [ 950000, 50 ], [ 1450000, 114 ], [ 1550000, 6 ], [ 1750000, 44 ], [ 1850000, 71 ], [ 2550000,2 ], [ 2850000, 71 ], [ 2950000, 35 ], [ 3250000, 99 ] ], "label" : "動物", "stack" : true, "xaxis" : 1 } ]

バープロットの色を行に割り当てることに問題があります。それらは存在しません。コマンドを使用すると：

高さに関しては正しいパターンが得られますが、すべて黒です。22 の異なる行 (それぞれに 427 の変数がある) がありますが、それらは私のプロットでは識別されません。

データのごく一部は次のようになります。

色を追加しようとしましたが、次のようには機能しません。

22色はランダムに選んだもので特に意味はありません。

私は何を間違っていますか？