問題タブ [stacked-area-chart]

積み上げ縦棒グラフで表す必要がある次のデータが sql にあります。
名前 タイプ 金額
Paul T1 100
John T2 200
John T3 300

名前は X 軸を表し、Type は Series です。私が直面している問題は、同じ名前の X 軸の値が重複していることです。これは、重複した名前を取得する前に私が従ったコード例ですが、今では意味がありません。

どんな助けでも。

csv を nvd3 の積み上げ面グラフ ( http://nvd3.org/ghpages/stackedArea.html ) で必要な形式に変換しようとしています が、配列の変換で迷子になりました。誰か助けてくれませんか？

csv: 長さ、m1、m2、m3、m4 9,1,2,3,4 99,11,22,33,44 999,111,222,333,444

nvd3 で必要なフォーマット

var histcatexplong = [{"key"： "消費者裁量"、 "values"：[[0000000000000、27.38478809681]、[0000000000000、27.37137218208]、[00000000000000000、26.82341151935] "" "Key" "kike" "kike ": [ [ 0000000000000 , 27.45458809681] , [ 0000000000000 , 27.444444444408] , [ 0000000000000 , 26.455555555395] } ,

したがって、変換が正しければ、次のようになります。キー" : "m1" , "値" : [ [ 9 , 1] , [ 99, 11] , [ 999, 111] } ,

変換のための私のコード:

問題は、myall が DOM に表示されなかったことです (コンソール出力に最上位階層が表示されないようです:

nvd3 積み上げ面グラフの例では、histcatexplong 変数の DOM コピー/貼り付け:

ありがとう。

C#チャートライブラリで空のポイントを描画しないようにするにはどうすればよいですか? 11/10 の値が 0 の最後の空のポイントをグラフに描画したくありませんが、空のポイントとして設定しているにもかかわらず、値が 0 で描画されます。

こちらのチャートをご覧ください。

コードは次のとおりです。

このペーパーの図 5に示すように、カラーマップを使用してスタック プロットを描画したいと思います。ここに同じスクリーンショットがあります

現在、同様の性質の散布図を描くことができます。

この散布図をカラーマップ付きのスタック プロットに変換したいと思います。私はこれを行うためのアイデアに少し迷っています。私の最初の推測では、(x,y) ポイントごとに、カラーマップ スペクトル上の z ポイントのリストが必要です。しかし、これにはもっと簡単な方法があるのではないかと思います。カラーマップで散布図を生成するコードは次のとおりです

編集

カラーバーの各ビンに1つずつ、z-array複数に変換する方法を見つける必要があると感じています。z-arrays次に、これらの派生した から積み上げ面グラフを簡単に作成できますz-arrays。

編集 2

私はRutger のコードに従い、私のデータに対してこのグラフを作成することができました。軸の制限に問題があるのはなぜだろうか。

http://nvd3.org/ghpages/stackedArea.htmlにあるような積み上げ面グラフがあります。

境界線/ストロークがあるように見えるように、プロットの領域ビットの上部にストロークを追加することは可能ですか?

webkitインスペクターで一気に追加してみましたが、何も起こらないようです（これが.style('stroke','#000000')

したがって、stackedAreaExample にシリーズが 1 つだけあり、色が青色の場合、境界線は次のようになります。