加载UTC数据后,Dygraph轴日期太长并且无法调整

时间:2015-01-07 20:57:31

标签: utc epoch dygraphs

我正在为Dygraph提供一些不错的unix时代数据,它显示的是这样的轴:

Dammit

经过多次摆弄后,我无法让它更加简洁和动态调整。这是我的代码:

var graph = new Dygraph(
           document.getElementById('plot' + formNum),
           fileURL, // path to CSV file
            {
                legend:'always',
                title: "Activity of " + station + ".BK." + fullChannel + dateString,
                valueParser: function(x){
                    return x*1000;
                },
                ticker: Dygraph.dateTicker
            }

他们为什么这么久?我如何更改它们并仍然利用Dygraph的功能,根据时间间隔选择标签上的详细程度(即,一个小时的数据中没有列出月份)?

以下是一些数据:

1420498200.06954,425
1420498201.06954,425
1420498202.06954,424
1420498203.06954,425
1420498204.06954,425
1420498205.06954,425
1420498206.06954,426
1420498207.06954,426

思考?

1 个答案:

答案 0 :(得分:1)

当您覆盖xValueParser时(我不确定valueParser是什么),您绕过了dygraphs'用于确定x轴类型的逻辑。不幸的是,没有主开关说"这是一个日期轴"或"这是一个数字轴"所以,如果你想走这条路,你必须自己指定所有的格式化程序:

new Dygraph(div, data, {
    ticker: Dygraph.dateTicker,
    axes: {
        x: {
            axisLabelFormatter: Dygraph.dateAxisLabelFormatter,
            valueFormatter: Dygraph.dateValueFormatter
        }
    }
})

有关完整工作的示例,请参阅this demo