Javascript D3js使y轴高度为100

我这里有一个D3js线图：

它工作正常，除了我希望y轴范围从0到100。当前，y轴的顶部正好指向数据集中的最高值（示例中为65.55）

---

如何实现这一点，使y轴缩放到100？谢谢

只需将y刻度域设置为[0100]，而不是使用数据中的值：

    y.domain([0, 100]);

这将确保轴覆盖数据集最大值的100%，而不是0

在这方面：

var-tokenPricesArray=[
{“日期”：“2018年9月18日”，“比特币优势”：“55.55”}，
{“日期”：“2018年9月19日”，“比特币优势”：“65.55”}，
];
//里程碑与价格
//设置画布/图形的尺寸
var保证金={
前20名，
右:30,，
底数：30，
左：40
},
宽度=825-margin.left-margin.right，
高度=450-边距.顶部-边距.底部；
var paddingForText=15；
//解析日期
var parseDate=d3.timeParse（“%d-%b-%y”）；
//设定范围
var x=d3.scaleTime（）.range（[0，width]）；
变量y=d3.scaleLinear（）.range（[height，0]）；
//定义轴
var xAxis=d3.axisBottom（x）.ticks（3）；
var yAxis=d3.轴左（y）.刻度（10）；
//界定界线
var valueline=d3.line（）
.x（功能（d）{
返回x（d.日期）；
})
.y（功能（d）{
返回y（d.比特币优势）；
});
//添加svg画布
var svg=d3。选择（“价格与里程碑”）
.append（“svg”）
.style（“背景色”，“#ffffff”）
//.attr（“宽度”，宽度+边距。左侧+边距。右侧）
//.attr（“高度”，高度+边距。顶部+边距。底部）
.attr（“保存Aspectratio”、“xMinYMin满足”）
.attr（“视图框”，“0 0 825 450”）
.attr（“id”、“价格与一切”）
.附加（“g”）
.attr（“转换”，
“翻译（“+margin.left+”，“+margin.top+”）；
变量纵横比=宽度/高度，
图表=d3。选择（“#带有里程碑的价格”）；
d3.选择（窗口）
.on（“调整大小”，函数（）{
var targetWidth=chart.node（）.getBoundingClientRect（）.width；
图表属性（“宽度”，目标宽度）；
图表属性（“高度”，目标宽度/纵横比）；
});
数据=tokenPricesArray；
tokenPricesArray.sort（函数（a，b）{
var c=新日期（a.日期）；
var d=新日期（b.日期）；
返回c-d；
});
//获取数据
data.forEach（函数（d）{
d、 日期=解析日期（d.date）；
d、 比特币优势=+d.比特币优势；
});
//缩放数据的范围
x、 域（d3）。范围（数据，函数（d）{
返回日期；
}));
y、 域（[01100]）；
//添加valueline路径。
追加（“路径”）
.数据（[数据]）
.attr（“类”、“行”）
.attr（“笔划”、“钢蓝”）
.attr（“填充”、“无”）
.attr（“d”，valueline）；
svg.append（“g”）.selectAll（“圆圈”）
.data（data.filter（函数（d）{return d.notes}））
.输入（）
.附加（“圆圈”）
.attr（“r”，4）
.attr（“cx”，功能（d）{
申报表x（截止日期）
})
.attr（“cy”，函数（d）{
返回y（d.比特币优势）
})
.classed（“里程碑圈”，正确）
.attr（“填充”、“无”）
//.attr（“笔划”，“#BA85FF”）
.attr（“笔划”，“000000”）；
svg.append（“g”）.selectAll（“文本”）
.数据（数据）
.输入（）
.append（“文本”）
.attr（“x”，函数（d）{
返回x（d.date）-填充FORTEXT
})
.attr（“y”，函数（d）{
返回y（d.比特币优势）+填充FORTEXT
})
//.attr（“填充”、“白色”）
//.文本（功能（d）{
//退票
// })
//.classed（“里程碑圈”，正确）
//.style（“字体系列”、“Roboto”）
//.style（“字体大小”、“14px”）
;
//添加X轴
svg.append（“g”）
.attr（“类”、“xaxis”）
.attr（“变换”、“平移（0）”、“高度+”）
.呼叫（xAxis）；
//添加Y轴
svg.append（“g”）
.attr（“类”、“亚克斯”）
.呼叫（yAxis）
body{font-family:Roboto；}
#priceWithMilestones{position:relative；}
.title{位置：绝对；顶部：0；文本对齐：中心；宽度：100%；}
.legend{位置：绝对；顶部：400px；右侧：0；}

市值优势

    y.domain([0, 100]);