我正在为Dygraph提供一些不错的unix时代数据,它显示的是这样的轴:
经过多次摆弄后,我无法让它更加简洁和动态调整。这是我的代码:
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
思考?
答案 0 :(得分:1)
当您覆盖xValueParser
时(我不确定valueParser
是什么),您绕过了dygraphs'用于确定x轴类型的逻辑。不幸的是,没有主开关说"这是一个日期轴"或"这是一个数字轴"所以,如果你想走这条路,你必须自己指定所有的格式化程序:
new Dygraph(div, data, {
ticker: Dygraph.dateTicker,
axes: {
x: {
axisLabelFormatter: Dygraph.dateAxisLabelFormatter,
valueFormatter: Dygraph.dateValueFormatter
}
}
})
有关完整工作的示例,请参阅this demo。