X 轴缩放与 D3 JavaScript

Question

这是我的作品DEMO。

我这里有两个问题：

1. 我不知道如何缩放 x 轴以便它只显示 2011-2012-2013 等（目前它显示 2011-2011.5-2012）。
2. 当我有一长串 datajson 时，图表不适合当前的 window。因此，在那种情况下我看不到所有研究人员的名字。

如有任何帮助，我将不胜感激。

谢谢

Answer 1

第一部分

您可以使用 .ticks 函数指定坐标轴中的值数：

var xAxis = d3.svg.axis()
        .scale(x)
        .orient("top")
        .ticks(end_year-start_year);

jsFiddle

第二部分

您可以像这样为图表设置动态高度：

var margin = {top: 20, right: 200, bottom: 0, left: 20},
        width = 300,
        height = datajson.length * 20 + margin.top + margin.bottom;

也许，你只需要调整项目高度值

jsFiddle