Vis.js / React / JavaScript: визуализация Vis.timeline - PullRequest
Новая
       6

Vis.js / React / JavaScript: визуализация Vis.timeline

0 голосов
/ 02 сентября 2018

Я сейчас пытаюсь решить проблему с графиком vis.js. Надеюсь, что вы получите некоторые рекомендации от вас. console.log показывает данные, но браузер показывает пустой экран. К сожалению, у меня нет идей о том, что еще можно попробовать, чтобы заставить его работать.

У меня есть следующий код. Я пробовал разные способы заставить это работать, но пока не повезло. Любая помощь будет принята с благодарностью. 

     // Config for the Timeline as JSON
const options = {
    width: '100%',
    height: '60px',
    stack: false,
    showMajorLabels: true,
    showCurrentTime: true,
    zoomMin: 1000000,
    type: 'background',
    format: {
      minorLabels: {
        minute: 'h:mma',
        hour: 'ha'
      }
    }
  }

class ScaleTime extends Component{
    constructor({data=[]}) {
        super({data})        
        this.state = {data, id:''}
        //console.log('ScaleTime Data:', data)
      }

      render(){
        const { data } = this.state
        const newAction = data.action.map((actionItem, index) => ({
          ...actionItem,
          id: index + 1
        }));
        const items = {
          ...data,
          action: newAction
        };
        const timeLineData = new vis.DataSet([{items}])
        console.log('timeLineData:', timeLineData)

        var container = document.getElementById('timeline');
          return(              

            <div className="timeline">
                <Timeline 
                    items={items.action}
                    options={options}
                    container={container}
                  />;
            </div>
          )
      }

}//component

Обновление:

После добавления идентификатора мне нужно изменить свойство timestamp, чтобы начать. Я получаю сообщение об ошибке: Property "start" missing in item 1.

...