2016-09-21 10 views
0

私はnvd3 stackedgroupchartを使用しています。今では、単一のX-Axis列ラベルを複数に変更しました。 また月名には二次X-Axisを追加する必要があります。私は、私はこのようなX軸方向に数ヶ月を追加する必要がnvd3 dual X軸in stackedgroupedChart

http://bl.ocks.org/4629518

私のグラフのような表示され、 enter image description here

そして、次のリンクでグラフを使用しています

enter image description here

今度は私のX-Axisは次のコードに基づいて生成されました:

0 X軸の二次ラベルを追加するには助けてください

、事前に

おかげで、

答えて

1

規模をコピーする

  • 使用copy機能をマッピングするための好適な規模を持つ別の軸を作成します
  • スケールに新しいドメイン値を追加する
  • 新しい軸を作成し、スケールを追加する
  • コール(axisNew)と変更する変換値

    var x2 = x0.copy(); 
        x2.domain(["a","b","c","d"]); 
    
    var xAxis1 = d3.svg.axis() 
        .scale(x2) 
        .tickSize(0) 
        .orient("bottom"); 
    
    svg.append("g") 
        .attr("class", "x axis") 
        .attr("transform", "translate(0," + (height+10) + ")") 
        .call(xAxis1); 
    
+0

それは正常に動作します。同じサンプルデータを使って、以下のフォーマットに変換するにはどうすればいいですか?<0123> '私は[http://bl.ocks.org/gencay/4629518]グラフ – satheesh

+0

と同じものを使用しています@satheeshはjsFiddleを提供しています。 –

+0

私は[https://gist.github.com/gencay/4629518#file-index-html]で同じコードを使用しています。カスタムディレクティブにこのグラフを表示する必要があります。 – satheesh

関連する問題