使用D3 JavaScript進行X軸縮放

Question

這是我的工作演示 。

我這里有兩個問題：

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