Javascript d3焦点和x2B；上下文不显示任何内容

我试图通过使用D3，使用Focus+上下文可视化一些数据。我对数据有一些问题。我刚刚更改了代码的数据获取行，因为我使用d3.json获取了2个值。这是我的密码-

<script type="text/javascript">
    var margin = {top: 10, right: 10, bottom: 100, left: 40},
        margin2 = {top: 430, right: 10, bottom: 20, left: 40},
        width = 960 - margin.left - margin.right,
        height = 500 - margin.top - margin.bottom,
        height2 = 500 - margin2.top - margin2.bottom;

    var parseDate = d3.time.format("%a %e %H %M").parse;

    var x = d3.time.scale().range([0, width]),
        x2 = d3.time.scale().range([0, width]),
        y = d3.scale.linear().range([height, 0]),
        y2 = d3.scale.linear().range([height2, 0]);

    var xAxis = d3.svg.axis().scale(x).orient("bottom"),
        xAxis2 = d3.svg.axis().scale(x2).orient("bottom"),
        yAxis = d3.svg.axis().scale(y).orient("left");

    var brush = d3.svg.brush()
        .x(x2)
        .on("brush", brushed);

    var area = d3.svg.area()
        .interpolate("monotone")
        .x(function(d) { return x(d.receiveddate); })
        .y0(height)
        .y1(function(d) { return y(d.gtse); });

    var area2 = d3.svg.area()
        .interpolate("monotone")
        .x(function(d) { return x2(d.receiveddate); })
        .y0(height2)
        .y1(function(d) { return y2(d.gtse); });

    var svg = d3.select("body").append("svg")
        .attr("width", width + margin.left + margin.right)
        .attr("height", height + margin.top + margin.bottom);

    svg.append("defs").append("clipPath")
        .attr("id", "clip")
      .append("rect")
        .attr("width", width)
        .attr("height", height);

    var focus = svg.append("g")
        .attr("transform", "translate(" + margin.left + "," + margin.top + ")");

    var context = svg.append("g")
        .attr("transform", "translate(" + margin2.left + "," + margin2.top + ")");

    d3.json("rest.php/lastweek"+"/"+"dibya", function(error, data) {
          var allData = data.records;
          allData.forEach(function(d) {
            var formattedDate = new Date(+d.receiveddate).toString();
            d.receiveddate = parseDate(d3.time.format("%a %e %H %M")(new Date(formattedDate)));
            d.gtse = +d.gtse;
          });

          x.domain(d3.extent(allData.map(function(d) { return d.receiveddate; })));
          y.domain([0, d3.max(allData.map(function(d) { return d.gtse; }))]);
          x2.domain(x.domain());
          y2.domain(y.domain());

          focus.append("path")
              .datum(data)
              .attr("clip-path", "url(#clip)")
              .attr("d", area);

          focus.append("g")
              .attr("class", "x axis")
              .attr("transform", "translate(0," + height + ")")
              .call(xAxis);

          focus.append("g")
              .attr("class", "y axis")
              .call(yAxis);

          context.append("path")
              .datum(data)
              .attr("d", area2);

          context.append("g")
              .attr("class", "x axis")
              .attr("transform", "translate(0," + height2 + ")")
              .call(xAxis2);

          context.append("g")
              .attr("class", "x brush")
              .call(brush)
            .selectAll("rect")
              .attr("y", -6)
              .attr("height", height2 + 7);
    });

    function brushed() {
      x.domain(brush.empty() ? x2.domain() : brush.extent());
      focus.select("path").attr("d", area);
      focus.select(".x.axis").call(xAxis);
    }

var margin={顶部：10，右侧：10，底部：100，左侧：40}，
margin2={顶部：430，右侧：10，底部：20，左侧：40}，
宽度=960-margin.left-margin.right，
高度=500-页边距.顶部-页边距.底部，
高度2=500-边缘2.顶部-边缘2.底部；
var parseDate=d3.time.format（“%a%e%H%M”）.parse；
var x=d3.time.scale（）.range（[0，width]），
x2=d3.time.scale（）.范围（[0，宽度]），
y=d3.刻度.线性（）.范围（[高度，0]），
y2=d3.刻度.线性（）.范围（[height2，0]）；
var xAxis=d3.svg.axis（）.scale（x）.orient（“底部”），
xAxis2=d3.svg.axis（）.scale（x2.orient（“底部”），
yAxis=d3.svg.axis（）.scale（y）.orient（“左”）；
var brush=d3.svg.brush（）
.x（x2）
.在（“刷子”，刷子）；
var area=d3.svg.area（）
.插入（“单调”）
.x（函数（d）{返回x（d.receiveddate）；}）
.y0（高度）
.y1（函数（d）{返回y（d.gtse）；}）；
var area2=d3.svg.area（）
.插入（“单调”）
.x（函数（d）{返回x2（d.receiveddate）；}）
.y0（高度2）
.y1（函数（d）{返回y2（d.gtse）；}）；
var svg=d3.选择（“正文”）.追加（“svg”）
.attr（“宽度”，宽度+边距。左侧+边距。右侧）
.attr（“高度”，高度+边距。顶部+边距。底部）；
svg.append（“defs”）.append（“clipPath”）
.attr（“id”、“剪辑”）
.append（“rect”）
.attr（“宽度”，宽度）
.attr（“高度”，高度）；
var focus=svg.append（“g”）
.attr（“转换”、“平移”（+margin.left+）、“+margin.top+”）；
var context=svg.append（“g”）
.attr（“transform”、“translate”（+margin2.left+）、“+margin2.top+”）；
d3.json（“rest.php/lastweek”+“/”+“dibya”，函数（错误，数据）{
var allData=data.records；
allData.forEach（函数（d）{
var formattedDate=新日期（+d.receiveddate）.toString（）；
d、 receiveddate=parseDate（d3.time.format（“%a%e%H%M”）（新日期（formattedDate））；
d、 gtse=+d.gtse；
});
x、 域（d3.extent（allData.map（函数（d）{return d.receiveddate；}））；
y、 域（[0，d3.max（allData.map（函数（d）{return d.gtse；}）））；
x2.域（x.域（））；
y2.域（y.域（））；
focus.append（“路径”）
.基准（数据）
.attr（“剪辑路径”、“url（#剪辑）”）
.attr（“d”，区域）；
focus.append（“g”）
.attr（“类”、“x轴”）
.attr（“变换”、“平移（0）”、“高度+”）
.呼叫（xAxis）；
focus.append（“g”）
.attr（“类”、“y轴”）
.呼叫（yAxis）；
context.append（“路径”）
.基准（数据）
.attr（“d”，区域2）；
上下文。附加（“g”）
.attr（“类”、“x轴”）
.attr（“变换”、“平移（0）”、“高度2+”）
.呼叫（xAxis2）；
上下文。附加（“g”）
.attr（“类”、“x刷”）
.呼叫（刷子）
.selectAll（“rect”）
.attr（“y”，-6）
.attr（“高度”，高度2+7）；
});
函数brushed（）{
x、 域（brush.empty（）？x2.domain（）：brush.extent（））；
焦点。选择（“路径”）.attr（“d”，区域）；
焦点。选择（“.x.axis”）。调用（xAxis）；
}

---

在这里，接收的日期以毫秒为单位提取为日期，并进行相应的转换。接收日期的频率为10分钟。浏览器根据传递的值加载x轴和y轴，但不打印图形。控制台中也没有任何错误。我遗漏了什么？

您可以添加您的完整代码或将其张贴在某处吗？如果看不到应该绘制图形的代码，就无法理解为什么不绘制图形。我已经编辑了问题并发布了整个代码。看起来您传递的是

数据，而不是
数据。记录
。这就是问题所在吗？哎呀。。。。。愚蠢的错误。。。。谢谢：）