时间戳

首页 > 解决方案 > vis.js/Javascript/React：从数据库中获取组

javascript - vis.js/Javascript/React：从数据库中获取组

问题描述

我目前使用 REACT 作为我的前端并从 Neo4j 数据库访问数据。另外，我正在使用 vis.js 来呈现事件的时间线。目前，我正在尝试找出在 REACT UI 中分组显示数据的最佳方式。我见过的大多数 vis.js 示例在代码中都使用了静态数据。我还查看了 vis.js 文档，但没有帮助。注意我是 REACT/JS 的新手。

现在，以下代码正在屏幕上显示所有数据。

const nArray = data.abs.map((abs, index) => ({id: index + 1, content: abs.Des[0], start: abs.time, title: abs.Trace, end: null, group: 1}))

const groups = ([{id: 1, content: 'Prog'}])

    <div className="timeline">
        <Timeline 
            groups={groups}
            items={nArray}
            options={options}
            container={container}
          />;
    </div>

在我的数据库中，我有 4 种类型的节点，现在它们都显示在一组中，Prog. 我想使用 vis.js 在时间轴上显示各自组中的 4 组节点，但我不确定如何使用 map 函数过滤数据，或者这是否是最佳解决方案。任何有关如何解决此问题的建议将不胜感激。

标签： javascriptreactjsneo4jvis.jsvis.js-timeline

解决方案

推荐阅读