ドメイン内に重複した値を表示する方法

Question

来る値に基づいて棒グラフを作成しようとしていますが、すべてのラベルをそのまま表示する必要があります。棒グラフは性質上グループ化されています。

私はそのほとんどを作成することができますが、何とか値ラベルが正しく来ていません。チャートビューを乱すさ

["July 02,2017", "July 09,2017", "July 12,2017"] 

：

["July 02,2017", "July 09,2017", "July 02,2017", "July 12,2017"] 

現在scale.ordinalは次のように設定し、スケールを重複する値を削除して作っています。

x軸に重複した値をそのまま表示するにはどうすればよいですか？

JsFiddle

Answer 1

D3は、スケールのドメインと範囲のためdomainとimageの数学的概念を使用しています。したがって、ドメイン値はユニークである必要があります。

あなたのケースでは回避策は便利indexという名前のプロパティを作成するために、各オブジェクトのインデックスを使用する、このように、あなたのデータ配列内の別のプロパティを作成しています：

data.forEach(function(d, i) { 
    d.index = i 
}) 

すると、そのプロパティを使用します（これはあなたのxスケールのドメインのユニークの値）です。

また、あなたはtickFormatで行うことができますXスケールのためのダニを変更する必要があります。ここでは

.tickFormat(function(d, i) { 
    return data[i].Groups 
}); 

が更新フィドルです：http://jsfiddle.net/wujtnomh/