D3.js：在不对现有图表

Question

我正在学习D3.js并使用此代码：http://bl.ocks.org/Caged/6476579 我稍微改变了数据集，它们都占据了整个图表（这些值比给定的例子更接近和更大）。我现在想要扩展y轴（并减小条形尺寸）。

我尝试过的事情： 在rect attr中，我将属性height更改为height/2，但这只会更改矩形大小的高度，而不会更改y轴的值。

尝试将y轴的范围值从[height,0]更改为[height/2, 0]，但仍然没有运气。

我如何实现这一目标？另外，我使用“s”作为tickFormat（不是示例中的百分比）

Answer 1

您需要修改y.domain以适合您的数据。所以，编辑这一行

y.domain([0, d3.max(data, function(d) { return d.frequency; })]);

例如，这将使图表轴从0到100％：

y.domain([0, 1]); // 0% to 100%