【问题标题】: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);
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-08-30
      • 2013-06-21
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-08-25
      相关资源
      最近更新 更多