我无法弄清楚如何在过去3天内在nvd3 lineWithFocusChart中初始化取景器。我有时间戳存储在'数据'中。图表看起来很好,但我不知道如何将其设置为专注于特定时间(例如。我有1年期间的数据,我想在上个月的页面加载时查看)。我正在尝试添加brushExtent而没有任何结果。
function drawLineChart(id, Data, width, height){
var ch = nv.addGraph(function() {
var chart = nv.models.lineWithFocusChart()
.width(width)
.height(height)
.x(function(d){return d.x})
.y(function(d){return d.y});
data = [
{
key: "Waga",
values: []
}
];
for(var i=0; i<Data.data.trackers[0].measurements.length; i++){ // parse data to fit line chart structure
data[0].values.push({x: Data.data.trackers[0].measurements[i].date, y: parseFloat(Data.data.trackers[0].measurements[i].value)});
}
chart.xAxis.tickFormat(function(d) {
return d3.time.format('%x')(new Date(d * 1000))
});
chart.x2Axis.tickFormat(function(d) {
return d3.time.format('%x')(new Date(d * 1000));
});
chart.yAxis
.tickFormat(d3.format(',.2f'));
chart.y2Axis
.tickFormat(d3.format(',.2f'));
d3.select("#"+id+" svg")
.datum(data)
.call(chart);
nv.utils.windowResize(chart.update);
return chart;
});
}