DyGraphs时间段选项

时间:2014-01-16 20:52:12

标签: dygraphs

我希望有人遇到这个。有没有人知道在DyGraphs上添加时间段链接的方法?类似于此示例http://i.imgur.com/uVKo1mD.png

的内容

我搜索过,但我可以找到一个例子。任何想法都将不胜感激。

1 个答案:

答案 0 :(得分:1)

假设数据的第一列是正确的日期,我认为关键是dateWindow()选项。

这样的事可能吗?

<div class="configDivClass">
    <button onclick='selectLast24hours(24)'>
        Previous 24 hours
    </button>
    <button onclick='selectLast24hours(36)'>
        Previous 48 hours
    </button>
    <button onclick='selectLast24hours(72)'>
        Previous 72 hours
    </button>
</div>

然后是js:

function selectLast24hours(hours) {
    var range = g.xAxisRange();
    var maxX = range[1];
    var minX = maxX - hours * 60 * 60 * 1000;
    g.updateOptions(
    {
        dateWindow: [minX, maxX],
    });
}