时间戳

首页 > 解决方案 > vis.js_timeline/REACTjs/JS：在一个选项卡中显示多个项目

javascript - vis.js_timeline/REACTjs/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}))

但是，现在只有数组中的第一项显示在时间轴上。内容如下：

content:(5) ["item1", "item2", "item3", "item4", "item4"]

在显示中，如何在时间轴的一个选项卡中显示所有项目？

更新：

控制台日志显示正确的结构，但收到此错误：

项目 [object Object] 中缺少属性“start”

const nArray = data.abs.map((abs, index) => abs.Event.map((Event, index) =>({id: index + 1, content: Event, start: abs.timestamp, title: abstraction.Trace, end: null, group: 1})))

第二次更新

下面的代码现在有这个错误，它似乎来自 vis.js 库，但我不确定它的含义：

未捕获的类型错误：i 不是函数

const nArray = data.abs.map((abs, index) => ({id: index + 1, content: abs.Event.map((Event, index) => ({id: index + 1, Event})), start: abs.timestamp, title: abs.Trace, end: null, group: 1}))

标签： javascriptreactjsvis.jsvis.js-timeline

解决方案

我使用的修复是使用该toString()函数将数组转换为 StringArray。我将我的代码从上面更改为以下显示存储在数组中的任何值。

使固定：

const nArray = data.abs.map((abs, index) => ({id: index + 1, content: abs.Event.toString(), start: abs.timestamp, title: abs.Trace, end: null, group: 1}))

推荐阅读