Javascript D3，设置y轴线的最大数量

我想知道如何将y轴的数量限制为5。 正如你看到的，现在的台词还不止这些

代码如下：

.区域{
填充：url（#温度梯度）；
笔划宽度：05px；
}
}
var svg=d3。选择（“svg”），
保证金={
前20名，
右:50,，
底数：30，
左：50
},
宽度=+svg.attr（“宽度”）-margin.left-margin.right，
高度=+svg.attr（“高度”）-margin.top-margin.bottom，
g=svg.append（“g”）.attr（“transform”、“translate”（+margin.left+）、“+margin.top+”）；
var parseTime=d3.timeParse（“%d-%b-%y”）；
d3.tsv（“数据tsv”，功能（d）{
d、 日期=解析时间（d.日期）；
d、 close=+d.close；
返回d；
}，函数（错误，数据）{
如果（错误）抛出错误；
var area=d3.area（）
.x（功能（d）{
返回x（d.日期）；
})
.y1（功能（d）{
返回y（d.close）；
});
var x=d3.scaleTime（）
.rangeRound（[0，宽度]）；
变量y=d3.scaleLinear（）
.rangeRound（[高度，0]）；
var line=d3.line（）
.x（功能（d）{
返回x（d.日期）；
})
.y（功能（d）{
返回y（d.close）；
});
x、 域（d3）。范围（数据，函数（d）{
返回日期；
}));
y、 域（[0，d3.max（数据，函数（d））{
返回d.close；
})]);
面积y0（y（0））；
var xAxis=d3.axisBottom（x）
.滴答声（d3.时间年）；
var yAxis=d3.axisRight（y）
.尺寸（宽度）；
//梯度填充
g、 附加（“linearGradient”）
.attr（“id”，“温度梯度”）
.attr（“gradientUnits”、“userSpaceOnUse”）
.attr（“x1”，0）.attr（“y1”，y（20））
.attr（“x2”，0）.attr（“y2”，y（300））
.选择全部（“停止”）
.数据([{
偏移量：“0%”，
颜色：“白色”
},
{
抵销：“100%”，
颜色：“b3d9ff”
}
])
.enter（）.append（“停止”）
.attr（“偏移量”，函数（d）{
返回d.offset；
})
.attr（“停止颜色”，功能（d）{
返回d.color；
});
//填充区
g、 附加（“路径”）
.基准（数据）
.attr（“类别”、“区域”）
.attr（“d”，区域）；
//线
g、 附加（“路径”）
.基准（数据）
.attr（“填充”、“无”）
.attr（“笔划”，“#80bff”）
.attr（“笔划线条连接”、“圆形”）
.attr（“笔划线头”、“圆形”）
.attr（“笔划宽度”，1.5）
.attr（“d”，行）；
//X轴设置
函数customXAxis（g）{
g、 调用（xAxis）；
g、 选择（“.domain”）.remove（）；
g、 选择全部（“.勾选行”）；
g、 选择All（“.tick line”）.attr（“笔划”、“cdd7e9”）；
}
//Y轴设置
函数customYAxis（g）{
g、 呼叫（yAxis）；
g、 选择（“.domain”）.remove（）；
g、 选择All（“.tick line”）.attr（“笔划”、“cdd7e9”）；
g、 选择全部（“.tick:not（：类型的第一行”）.attr（“笔划”），即“笔划宽度”，0.5）；
g、 选择全部（“.tick text”）.attr（“x”，宽度+15）.attr（“dy”，宽度-4）；
}
g、 附加（“g”）
.attr（“变换”、“平移（0）”、“高度+”）
.呼叫（customXAxis）；
g、 附加（“g”）
.呼叫（customYAxis）；
});您应该设置轴上的刻度：

axis.ticks(5)

就你而言：

var yAxis = d3.axisRight(y)
      .ticks(5)
      .tickSize(width);

使用记号设置X轴编号时，y轴的记号应相同