首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >使用groupOrder visjs时间线对项目进行排序

使用groupOrder visjs时间线对项目进行排序
EN

Stack Overflow用户
提问于 2018-06-29 20:45:16
回答 1查看 1.4K关注 0票数 2

visjs timeline groupOrder示例似乎能够对项目进行排序,但我看不到真正实现这一点的代码--我只看到了实际对组进行排序的代码(如果可以使用groupOrder对项目进行排序,这似乎比‘项目排序’更好,因为后者的性能限制为300个左右的项目)。在本例中,什么负责对“item 2”、“item 3”和“item 4”进行排序?http://jsfiddle.net/5p0ggwkx/1369/

代码语言:javascript
复制
<div id="visualization"></div>

  var groups = new vis.DataSet([
    {id: 0, content: 'First', value: 1},
    {id: 1, content: 'Third', value: 3},
    {id: 2, content: 'Second', value: 2}
  ]);

  // create a dataset with items
  // note that months are zero-based in the JavaScript Date object, so month 3 is April
  var items = new vis.DataSet([
  {id: 1, group: 0, content: 'item 1', start: new Date(2014, 3, 19), end: new Date(2014, 3, 20)},

    {id: 0, group: 0, content: 'item 0', start: new Date(2014, 3, 17), end: new Date(2014, 3, 21)},
{id: 2, group: 1, content: 'item 2', start: new Date(2014, 3, 16), end: new Date(2014, 3, 24)},
 {id: 3, group: 1, content: 'item 3', start: new Date(2014, 3, 16), end: new Date(2014, 3, 24)},
{id: 4, group: 1, content: 'item 4', start: new Date(2014, 3, 16), end: new Date(2014, 3, 26)},

{id: 5, group: 2, content: 'item 5', start: new Date(2014, 3, 24), end: new Date(2014, 3, 27)}
  ]);

  // create visualization
  var container = document.getElementById('visualization');
  var options = {
    // option groupOrder can be a property name or a sort function
    // the sort function must compare two groups and return a value
    //     > 0 when a > b
    //     < 0 when a < b
    //       0 when a == b
    groupOrder: function (a, b) {
      return a.value - b.value;
    },
    editable: true
  };

  var timeline = new vis.Timeline(container);
  timeline.setOptions(options);
  timeline.setGroups(groups);
  timeline.setItems(items);
EN

回答 1

Stack Overflow用户

发布于 2019-03-01 04:32:41

要在组内订购项目,您可以根据docs使用order选项。您可以找到更好的解释和有效的演示here

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51102099

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档