带数据源的 devextreme-react 折线图 (reshapeOnPush) 20 个元素限制

发布于 2025-01-19 00:33:46 字数 558 浏览 0 评论 0原文

我需要每10秒实现一个实时能源消耗的线路图。 我正在测试DeVextreme-React,然后使用以下沙箱 此虚拟代码添加了我在图表数据源中所需的数据的17个出现时

{ time: 0, '1': 0, '2': 0, '3': 0, '4': 0 },
{ time: 10, '1': 3, '2': 4, '3': 2, '4': 6 },
{ time: 20, '1': 3, '2': 4, '3': 2, '4': 6 }
etc. etc.

,当在沙箱中加载代码添加了17个出现,并且图表底部有一个按钮以模拟实时供稿。

问题:只能添加到计数19。从计数20开始,图表不更新。

我在这里想念什么?

谢谢,最好的问候

I need to realise a line chart for real time energy consumption each 10 seconds.
I am testing devextreme-react with the following sandbox
Energy chart sandbox
This dummy code add 17 occurrences of the data I need in the chart data source

{ time: 0, '1': 0, '2': 0, '3': 0, '4': 0 },
{ time: 10, '1': 3, '2': 4, '3': 2, '4': 6 },
{ time: 20, '1': 3, '2': 4, '3': 2, '4': 6 }
etc. etc.

When loaded the code in the sandbox adds 17 occurrences and there is a button at the bottom of the chart to simulate the real time feed.

PROBLEM: it is possible to add only until count 19. From count 20 the chart doesn't update.

What am I missing here?

Thanks and best regards

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

梦初启 2025-01-26 00:33:46

结果发现 dataSource 默认激活了分页并设置为 20。

修复方法只是将其停用

let chartDataSource = new DataSource({
  store: data,
  paginate: false,
  sort: "time",
  reshapeOnPush: true
});

So turns out that dataSource has pagination activated by default and set to 20.

Fix was simply to deactivate it

let chartDataSource = new DataSource({
  store: data,
  paginate: false,
  sort: "time",
  reshapeOnPush: true
});
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文