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

【问题标题】：Text Axis Labels for Grouped/Stacked Bar chart in NVD3NVD3中分组/堆叠条形图的文本轴标签
【发布时间】：2016-09-23 05:32:56
【问题描述】：

我一直在尝试让 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
  } 
    ]
  }
]

【问题讨论】：

标签： nvd3.js

【解决方案1】：

您必须更改刻度格式才能加载标签。关于addGraph函数：

替换

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

有

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

为了让每列显示一个标签，您必须将 reduceXTicks 设置为 False：

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

【讨论】：