Textachsenbeschriftungen für gruppierte/gestapelte Balkendiagramme in NVD3

Question

Ich habe versucht, die x-Achse zur Anzeige einer Textachsenbeschriftung zu bringen. Das Beispiel ist hier https://jsfiddle.net/z4aZ4/859/ Ich möchte "Frage 1" auf der X-Achse angezeigt werden. Im Moment wird "Nan" angezeigt.

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

Sie müssen das Tick-Format ändern, um Ihre Etiketten zu laden. Auf der addGraph Funktion:

ersetzen

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

Mit

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

auch so, dass ein Etikett für jede Spalte angezeigt werden Sie setzen müssen reduceXTicks False:

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