时间戳

首页 > 解决方案 > 谷歌图表 - 从 data.cache JSFiddle 中删除行

charts - 谷歌图表 - 从 data.cache JSFiddle 中删除行

问题描述

任务是在谷歌图表中只显示最后 5 条记录。当您移动滑块时，数据正在添加。记录来自一些“滑块”，稍后将替换为一些实时传感器数据。

hAxis 是时间戳，所以我不知道如何使用：

 viewWindowMode: 'explicit',
                // viewWindow: {
                //   min: 0,
                //   max: 4
                // },

问题是如何从数据缓存中删除行？

JSFiddle：https ://jsfiddle.net/ejovrh2/k59u6be3/17/

标签： chartsgoogle-visualization

解决方案

在 x 轴上使用时间戳时，
可以直接使用日期对象，无需转换为字符串。

var data = google.visualization.arrayToDataTable([
  ["Date", "level"],
  [new Date(), level],
]);

为了控制 x 轴上显示的范围，
viewWindow最小值和最大值应该是相同的数据类型。
在这种情况下，日期。

viewWindow: {
  min: new Date(2020, 10, 1),
  max: new Date(2020, 10, 30)
},

推荐阅读