将nvd3折线图中的取景器设置为x刻度上的特定时间

时间:2014-05-17 15:32:33

标签: javascript time focus nvd3.js

我无法弄清楚如何在过去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;
});
}

0 个答案:

没有答案