NVD3中分組/堆積條形圖的文本軸標籤

Question

我一直試圖讓x軸顯示文本軸標籤。示例在這裏https://jsfiddle.net/z4aZ4/859/ 我想讓「問題1」顯示在x軸上。此刻顯示「南」。

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')); 

隨着

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

也讓標籤將顯示爲每列，你必須設置reduceXTicks假：

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