没有时间属性的堆栈条形图 D3答案

【问题标题】：Stack Bar chart D3 without Time property没有时间属性的堆栈条形图 D3
【发布时间】：2017-08-08 22:49:45
【问题描述】：

我正在尝试在 D3 中为这种格式的 JSon 绘制堆栈条形图

[{
    "Name": "John",
    "Running": 30,
    "Swimming": 0,
    "Cycling": 25
  },
  {
    "Name": "May",
    "Running": 25,
    "Swimming": 25,
    "Cycling": 0
  },
  {
    "Name": "Pemp",
    "Running": 25,
    "Swimming": 25,
    "Cycling": 50
  }]

类似于这个jsFiddle：http://jsfiddle.net/q5q6331p/173/

但是使用上面的小提琴，我无法删除时间格式。如何在没有时间属性的情况下绘制图表。

谢谢。

【问题讨论】：

那么，你想要什么而不是时间？还是根本不需要 X 轴？
就像文本一样；与时间无关。
那是什么文字？该文本是否来自您提供的数据？
同2006、2007；在第 103 行，x: parse(d.year) 为 x:d.year 并删除 var parse = d3.time.format("%Y").parse;

标签： javascript d3.js charts bar-chart

【解决方案1】：

如果我理解正确，您希望 Year 仅作为 X 轴上的文本，而不是 Time，并且还希望从脚本中删除时间函数。

我通过删除所有time 功能对提供的脚本进行了一些修改。

在映射 X 和 Y 轴的 dataset 变量中，我只需删除 parse(d.year) 并添加 d.year。另外，在调用函数来绘制方法的xAxis 变量中，我删除了tickformat 规范。它按预期工作。

您可以在这里找到修改后的代码：http://jsfiddle.net/vdzm8w0r/

【讨论】：

我怎么会错过！ xAxis 上的刻度格式！谢谢。