Javascript 圆未在图表D3 Django上正确对齐

以下是我为实现我的想象所做的尝试

/*设置CSS*/
.线路{
填充：无；
笔画：钢蓝；
笔画宽度：2px；
}
var real={{values.real0 | safe}}，pred={{values.got0 | safe}；
//设置图形的尺寸和边距
var margin={顶部：20，右侧：20，底部：30，左侧：50}，
宽度=960-margin.left-margin.right，
高度=500-margin.top-margin.bottom；
//解析日期/时间
var parseTime=d3.timeParse（“%d-%b-%y”）；
//设定范围
var x=d3.scaleLinear（）
.范围（[0，宽度]）
.domain（[0，Object.keys（real）.length]）
;
变量y=d3.scaleLinear（）
.范围（[高度，0]）
.域（[0，1]）；
//界定界线
var valueline=d3.line（）
.x（函数（d）{返回x（d.date）；}）
.y（函数（d）{返回y（d.close）；}）；
//将svg对象附加到页面主体
//将“组”元素附加到“svg”
//将“组”元素移动到左上角
var svg=d3.选择（“正文”）.追加（“svg”）
.attr（“宽度”，宽度+边距。左侧+边距。右侧）
.attr（“高度”，高度+边距。顶部+边距。底部）
.附加（“g”）
.attr（“转换”，
“翻译（“+margin.left+”，“+margin.top+”）；
//添加valueline路径。
//追加（“路径”）
//.数据（[真实]）
//.attr（“类”、“行”）
//.attr（“d”，valueline）；
//添加散点图
变量x_轴=d3.axisBottom（x）
svg.selectAll（“点”）
.数据（真实）
.enter（）.append（“圆”）
.attr（“r”，5）
.attr（“cx”，函数（x_轴，d）{返回d；}）
.attr（“cy”，函数（d）{返回d；}）；
svg.selectAll（“点”）
.数据（pred）
.enter（）.append（“圆”）
.attr（“r”，10）
.attr（“cx”，函数（x_轴，d）{返回d；}）
.attr（“cy”，函数（d）{返回d；}）；
//添加X轴
svg.append（“g”）
.attr（“变换”、“平移（0）”、“高度+”）
.呼叫（x_轴）；
//添加Y轴
svg.append（“g”）
.调用（d3.左（y））；
// });

应用x刻度和y刻度（2次）

---

这是你的Django模板更详细地描述你的颜色，它可以是简单的，也可以是fancy@rioV8我错过了什么？我问你的时候，你惊呼“这是你的Django模板”。不理解其含义。您没有提到它是您的服务器模板，不是您可以直接在浏览器中运行的文件。它不全是JavaScript。@RIOV8OK。。我的错。。。非常感谢。下次我会记住这一点……谢谢你，里奥。着色部分由我来解决。我会更新这个问题。我只需要知道对齐部分。谢谢你。我会试试看，然后告诉你

.attr("cx", function( d, i) { return x(i); })
.attr("cy", function( d) { return y(d); });