Question

你能告诉我怎么做吗？我收集数据并使用笔形图将其可视化。 .txt文件中收集的数据是温度和日期格式的数据，例如

2018-04-19 15:47.12.7
2018-04-19 15:48.12.5
2018-04-19 15:49, 12.5
2018-04-19 15:50,12.3
2018-04-19 15:51.12
2018-04-19 15:52.12
2018-04-19 15:53,12.7
2018-04-19 15:54.12
2018-04-19 15:55,12.8
2018-04-19 15:56.12.8
2018-04-19 15:57,12.6
2018-04-19 15:58.12.7
...
2018-07-09 11:59 24.1

如何在dyhraph中使图表仅显示上个月的数据，而不显示整个月的数据？因为现在该图向我显示了几个月后的所有情况。

<html>
<head>
<script src="js/dygraph-combined.js"></script>
<link rel="stylesheet" href="js/dygraph.css" />

</head>
<body>

<div id="graphdiv2"
  style="width:550px; height:300px;"></div>
<script type="text/javascript">

    g2 = new Dygraph(
    document.getElementById("graphdiv2"),
    "xxxxxxxxxxxx.txt",
    {
    title: '<embed src="xxxxxxxxxx.php" width="500" height="40"  >',
    legend: 'always',
    ylabel: 'Temperature (C)',
    xlabel: 'Date (Month)',
    rollPeriod: 10,
    showRoller: true,
    color: "red",
    valueRange: [-10,40],<----->//zakres
}
 );
</script>

</body>

</html>

Answer 1

尝试传递一个dateWindow选项：

new Dygraph(div, data, {
  // ... other options ...
  dateWindow: [
    +new Date() - 30 * 24 * 60 * 60 * 1000,  // one month ago
    +new Date()  // today
  ]
});

Answer 2

谢谢-这就是我的意思，只是代码必须看起来像这样-没有div，数据，{ -并且我为上个月设置了“ roller”图表：）

g2 = new Dygraph(
    document.getElementById("graphdiv2"),
   "xxxxxxxxxxxxx.txt",
    {
    legend: 'always',
    ylabel: 'Temp. (C)',
    xlabel: 'Date (Month)',
    color: "#6600CC",
    valueRange: [10,35],//zakres
dateWindow: [
    +new Date() - 30 * 24 * 60 * 60 * 1000,  // one month ago
    +new Date()  // today
  ]
}
 );

see screen chart

dygraph显示仅上个月的数据

2 个答案: