D3.js 使用焦点图规范化NVD3线中的图形轴

我在图中画了两条线，就像图中有不同的X轴点一样。我只是想比较一下台词。所以我需要把第二行放在第一行下面（像第二张图片一样规范化图形）

我尝试使用nvd3域和范围选项以及其他一些选项。但它不起作用。你们能告诉我如何得到这些标准化图吗。我不担心勾号格式，因为行是可比较的

图1（我的图表）

图2（我需要的图表）

这是我的数据文件。data.json

[{"key":"Memory_FREEmyses1","values":[{"x":"1395426430","y":"200028"},
{"x":"1395426431","y":"199904"},{"x":"1395426432","y":"187620"},
{"x":"1395426434","y":"187504"},{"x":"1395426435","y":"187380"},
{"x":"1395426436","y":"187008"},{"x":"1395426437","y":"186760"},
{"x":"1395426438","y":"186512"},{"x":"1395426439","y":"186388"},
{"x":"1395426440","y":"186264"},{"x":"1395426441","y":"181804"},
{"x":"1395426443","y":"181084"},{"x":"1395426444","y":"181084"}]},
{"key":"Memory_FREEmyses2","values":[{"x":"1395426455","y":"178604"},
{"x":"1395426456","y":"178348"},{"x":"1395426457","y":"178356"},
{"x":"1395426458","y":"178232"},{"x":"1395426460","y":"178108"},
{"x":"1395426461","y":"177860"},{"x":"1395426462","y":"177480"},
{"x":"1395426463","y":"176992"},{"x":"1395426464","y":"176868"},
{"x":"1395426465","y":"176620"},{"x":"1395426466","y":"176612"},
{"x":"1395426467","y":"176620"}]}]

---

尝试映射您的数据，如：

data = data.map(function(series) { 
    var d0 = series.values[0].x;
    var dN = series.values[series.values.length -1].x;             
    series.values = series.values.map(function(d) {                     
        return { 
            x: 10*(d.x-d0)/(dN-d0), 
            y: d.y 
        }
    });
    return series;
})  

看

data = data.map(function(series) { 
    var d0 = series.values[0].x;
    var dN = series.values[series.values.length -1].x;             
    series.values = series.values.map(function(d) {                     
        return { 
            x: 10*(d.x-d0)/(dN-d0), 
            y: d.y 
        }
    });
    return series;
})