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