javascript - 使用 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