2017-03-18 9 views
1

こんにちはすべて私は次のデータをc3積み重ね棒グラフに送ります。すべてのデータポイントが積み上げ棒グラフに表示されない

["x","Mar 2017","Apr 2017","May 2017","Jun 2017","Jul 2017","Aug 2017","Sep 2017","Oct 2017","Nov 2017","Dec 2017","Jan 2018","Feb 2018"], 
["product0","4","-4","12","-20","44","-84","172","-340","684","-1364","2732","-5460"], 
["product1","10","15","20","25","30","40","40","70","50","160","65","475"], 
["product2","6","10","14","18","22","26","30","34","38","42","46","50"] 

あなたが見ることができるように数字は-5460から、私は小さい数字を持っている列のツールチップ内のすべてのデータポイントを取得しておりません上記のデータでは2732 に及びます。例えば、第1列は、それぞれproduct0、product1およびproduct2の値4,10,6を含む。 trueの場合、すべてが正常に動作します:私はツールチップに最初の列のためのチャートに置くとだけ10と6まで来てではなく、4

マイツールチップの設定がセットにグループ化された場合のような

tooltip: {    
      grouped: false, 
      format: d3.format('.2f') 
     }, 

を下回っています。しかし、私は、たくさんのデータがあるとうまくいきませんので、グループ分けしたくありません。これを解決するために有効にする必要がある設定はありますか?あなたが試してみるべきバイブルはここにありますhttp://jsfiddle.net/z7muypnh/2/

答えて

1

データが見えないほど小さすぎます。あなたが見たいと思う棒グラフに範囲(-5500,3000)のバーを描きたいと思っています。小さなデータは、ツールチップの軸yの高さやグループデータを変更することができます。最後のものを選択します。jsfiddleを参照してください。

tooltip: {    
    grouped: true, 
    format: d3.format('.2f') 
} 

あなたがグループ化されたツールチップを設定するwan't場合は、あなただけの下の軸yの高さを設定することができ、jsfiddle参照:

size:{ 
    height:(3000- -5000) 
} 
+0

あなたのソリューションは、仕事をしたが、バーの高さが提示可能に見えません –

関連する問題