使用D3 JavaScript进行X轴缩放

Question

这是我的工作DEMO。

我有两个问题：

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

我将不胜感激任何帮助。

由于

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