Vis.js时间轴项目align属性不起作用

问题描述 投票:0回答:1

我有一个使用Vis.js library用JS编写的时间轴>

我希望时间轴上的某些特定项目在该行的左侧对齐,而某些在右侧。

由于Vis.js时间轴的documentation,项目的属性align应覆盖时间轴选项的全局align属性。但事实并非如此。

项目示例:

var items = [];

var item = {
  align: "left"
  date: "20.09.2019"
  eventId: 440
  heading: "Event"
  id: "86ad4f21-6235-46e0-b5c9-29a6d2c16f50"
  nodeType: "single-node"
  start: "2019-09-20T04:00:00"
}

items.push(item);

// create dataset
var dataset = new vis.DataSet(items);

时间轴选项:

var options = {
  orientation: 'top',
  min: "2019-09-20T04:00:00",
  max: "2019-09-25T04:00:00",
  start: "2019-09-20T04:00:00",
  end: "2019-09-25T04:00:00",
  align: 'left'
}

这是在调用vis.Timeline构造函数后如何更新item align属性:

var visualization = document.getElementById('visualization');

var timeline = new vis.Timeline(visualization, dataset, options);

timeline.itemsData.forEach(function(dataItem) {
  if (dataItem.eventId === 440) {
    dataItem.align = 'right';
    timeline.itemsData.update(dataItem, {
      fieldId: "eventId"
    })
  }
})

感谢您提供任何建议:-)

我有一个使用Vis.js库用JS编写的时间轴,我希望时间轴上的某些特定项目在该行的左侧对齐,而某些在右侧。由于文档...

javascript timeline vis.js
1个回答
0
投票
© www.soinside.com 2019 - 2024. All rights reserved.