Javascript d3.js折线图溢出yAxis

我的问题的图像：

这是一张“实时”图表。它从数据库中获取数据并绘制它。我修改了x.domain，以便只需要30秒的捕获时间

但我在Y轴上有一个溢出

这是我的密码：

$（文档）.ready（函数（）{
var margin={顶部：30，右侧：20，底部：30，左侧：50}，
宽度=1000-margin.left-margin.right，
高度=380-margin.top-margin.bottom；
var parseDate=d3.time.format（“%Y-%m-%d%H:%m:%S”）.parse；
var formatTime=d3.time.format（“%H:%M:%S”）；
var x=d3.time.scale（）.range（[0，width]）；
变量y=d3.scale.linear（）.range（[height，0]）；
var xAxis=d3.svg.axis（）
.比例（x）
.orient（“底部”）
.tickFormat（d3.time.format（“%H:%M:%S”））
.蜱（5）；
var yAxis=d3.svg.axis（）
.比例（y）
.东方（“左”）
.蜱（5）；
var line=d3.svg.line（）
.插值（'线性'）
.x（函数（d）{返回x（d.timestamp）；}）
.y（函数（d）{返回y（d.value）；}）
;
var svg=d3.选择（#graphbpm”）.追加（“svg”）
.attr（“宽度”，宽度）
.attr（“高度”，高度+边距。顶部+边距。底部）
.附加（“g”）
.attr（“转换”、“平移”（+margin.left+）、“+margin.top+”）；
d3.json（“./data.php”），函数（错误，数据）{
data.forEach（函数（d）{
d、 时间戳=d.时间戳；
d、 值=+d.值；
});
x、 域（[d3.max（数据，函数（d）{返回d.timestamp；}）-30000，d3.max（数据，函数（d）{返回d.timestamp；}]）；
y、 域（[0，d3.max（数据，函数（d）{返回d.value；}）]；
svg.append（“g”）
.attr（“类”、“x轴”）
.attr（“变换”、“平移（0）”、“高度+”）
.呼叫（xAxis）
.append（“文本”）
.attr（“x”，500）
.attr（“y”，-5）
.style（“文本锚定”、“中间”）
.text（“（时间）”）；
svg.append（“g”）
.attr（“类”、“y轴”）
.呼叫（yAxis）
.append（“文本”）
.attr（“变换”、“旋转（-90）”）
.attr（“y”，6）
.attr（“dy”，“.71em”）
.style（“文本锚定”、“结束”）
.text（“（现场）”）；
追加（“路径”）
.attr（“类”、“行”）
.attr（“d”，行（数据））
;
var pathl=svg.append（“g”）
.attr（“剪辑路径”、“url（#剪辑）”）
.append（“路径”）
.数据（数据）
.attr（“类”、“行”）
.attr（“填充”、“粉色”）；
var inter=setInterval（函数（）{
更新数据（）；
}, 2000);		
});
函数updateData（）
{
d3.json（“./data.php”），函数（数据）{
data.forEach（函数（d）{
d、 时间戳=d.时间戳；
d、 值=+d.值；
});
数据推送（数据）；
x、 域（[d3.max（数据，函数（d）{返回d.timestamp；}）-30000，d3.max（数据，函数（d）{返回d.timestamp；}]）；
y、 域（[0，d3.max（数据，函数（d）{返回d.value；}）]；
选择（“path.line”）
.attr（“d”，行（数据））
.transition（）；
svg.select（“.x.axis”）
.transition（）
.持续时间（750）
.ease（“线性”）
.呼叫（xAxis）；
svg.选择（“y轴”）
.transition（）
.持续时间（750）
.ease（“线性”）
.呼叫（yAxis）；
选择（“路径”）
.transition（）
.持续时间（750）
.ease（“线性”）
.attr（“转换”、“平移”（+x（0）+”）；
选择（“点”）
.transition（）
.持续时间（750）
.ease（“线性”）
.attr（“转换”、“平移”（+x（0）+”）；
data.shift（）；
});
};
F
});
#graphbpm{
背景色：#fff；
宽度：600px；
高度：450px；
}
#图{
背景色：#fff；
宽度：600px；
高度：450px；
}
.轴线路径，
.轴线{
填充：无；
行程：#000；
形状渲染：边缘清晰；
}
.线路{
填充：无；
笔画：钢蓝；
笔划宽度：1.5px；
}
正文{
字体系列：“投石机MS”，Arial，Helvetica，无衬线；
字体大小：12px；
填充：#9b9b9b；
}

仪表板

var-inter；
var gData=JSON.parse（d3.select（“pre#data”）.text（）；
gData.forEach（函数（d）{
d、 时间戳=d.时间戳；
d、 值=+d.值；
});
sort（函数（a，b）{返回a.timestamp对于（var i=0；iOnce，请尝试这个x.domain（[d3.max（数据，函数（d）{return d.timestamp；}），0]））；如果上面的代码不起作用，请修改一下，然后我们可以在上面做点什么，然后把它交给您..不起作用：/I’我可以修改一下，但我如何从数据库添加json数据？哦…您可以修改一下，使用您的示例数据吗。我不能添加jQuery和d3.js:（在外部资源中，我们可以添加它们，这没有问题。