DyGraphs时间段选项

Question

我希望有人已经看到了这一点。有没有人知道在DyGraphs上添加时段链接的方法？类似于此示例http://i.imgur.com/uVKo1mD.png的内容

我已经找过了，但我能找到一个例子。任何想法都将不胜感激。

Answer 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],
    });
}