NVD3中分组/堆积条形图的文本轴标签

Question

我一直试图让x轴显示文本轴标签。这个例子在这里https://jsfiddle.net/z4aZ4/859/ 我喜欢＆＃34;问题1＆＃34;显示在x轴上。目前＆＃34; Nan＆＃34;显示。

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设置为False：

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