テキストNVD3のグループ化/積み重ね棒グラフの軸ラベル

Question

私はx軸にテキスト軸ラベルを表示しようとしています。例はここにありますhttps://jsfiddle.net/z4aZ4/859/ x軸に「質問1」を表示します。現時点では "Nan"と表示されています。

var data = 
[ 
{ 
"key": "Yes", 
"color": "#d67777", 
"values": [ 
    { 
    "x" : "Question 1" , 
    "y" : 70 
    } , 
    { 
    "x" : "Question 2" , 
    "y" : 65 
    } 
    ] 
    }, 
    { 
"key": "No", 
"color": "#4f99b4", 
"values": [ 
    { 
    "x" : "Question 1" , 
    "y" : 30 
    } , 
    { 
    "x" : "Question 2" , 
    "y" : 35 
    } 
    ] 
    } 
] 

Answer 1

ラベルを読み込むには、ティック形式を変更する必要があります。 addGraph機能で ：

は交換してください

.tickFormat(d3.format(',f')); 

ラベルは列ごとに表示されますように、あなたは偽reduceXTicks設定する必要があります。また

.tickFormat(function(d) { return d; }); 

付：

var chart = nv.models.multiBarChart() 
.reduceXTicks(false); 

を