<bdo id='1cyn5'></bdo><ul id='1cyn5'></ul>

    <i id='1cyn5'><tr id='1cyn5'><dt id='1cyn5'><q id='1cyn5'><span id='1cyn5'><b id='1cyn5'><form id='1cyn5'><ins id='1cyn5'></ins><ul id='1cyn5'></ul><sub id='1cyn5'></sub></form><legend id='1cyn5'></legend><bdo id='1cyn5'><pre id='1cyn5'><center id='1cyn5'></center></pre></bdo></b><th id='1cyn5'></th></span></q></dt></tr></i><div id='1cyn5'><tfoot id='1cyn5'></tfoot><dl id='1cyn5'><fieldset id='1cyn5'></fieldset></dl></div>
    1. <small id='1cyn5'></small><noframes id='1cyn5'>

    2. <legend id='1cyn5'><style id='1cyn5'><dir id='1cyn5'><q id='1cyn5'></q></dir></style></legend>

        <tfoot id='1cyn5'></tfoot>

        VisJS Timeline:在时间轴中排序项目

        VisJS Timeline: sorting items in timeline(VisJS Timeline:在时间轴中排序项目)
          <tbody id='KMKZH'></tbody>

            <bdo id='KMKZH'></bdo><ul id='KMKZH'></ul>

            <small id='KMKZH'></small><noframes id='KMKZH'>

            <tfoot id='KMKZH'></tfoot>

              1. <legend id='KMKZH'><style id='KMKZH'><dir id='KMKZH'><q id='KMKZH'></q></dir></style></legend>
                  <i id='KMKZH'><tr id='KMKZH'><dt id='KMKZH'><q id='KMKZH'><span id='KMKZH'><b id='KMKZH'><form id='KMKZH'><ins id='KMKZH'></ins><ul id='KMKZH'></ul><sub id='KMKZH'></sub></form><legend id='KMKZH'></legend><bdo id='KMKZH'><pre id='KMKZH'><center id='KMKZH'></center></pre></bdo></b><th id='KMKZH'></th></span></q></dt></tr></i><div id='KMKZH'><tfoot id='KMKZH'></tfoot><dl id='KMKZH'><fieldset id='KMKZH'></fieldset></dl></div>
                  本文介绍了VisJS Timeline:在时间轴中排序项目的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着跟版网的小编来一起学习吧!

                  问题描述

                  我正在使用 vis-js 时间线 库来构建时间线.我需要对每个组中的元素进行排序.
                  组就像 here 中的示例.我看到我可以使用order 项目中的选项"来做到这一点,例如 这里
                  但我无法理解它是如何工作的.

                  I'm using vis-js timeline library for building a timeline. I need to sort the elements in each group.
                  Groups are like in example here. I saw that I can do this using the "order option in the item" like here
                  but I cannot understand how it works.

                  我试过这样:

                  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
                  
                  var items = new vis.DataSet([
                      {id: 0, group: 0, content: 'item 0', start: new Date(2014, 3, 17), end: new Date(2014, 3, 21)},
                      {id: 1, group: 0, content: 'item 1', start: new Date(2014, 3, 19), end: new Date(2014, 3, 20)},
                      {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, 23), end: new Date(2014, 3, 24)},
                      {id: 4, group: 1, content: 'item 4', start: new Date(2014, 3, 22), 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 = {
                  
                      editable: true
                    };
                  
                  var timeline = new vis.Timeline(container);
                  timeline.setOptions(options);
                  timeline.setGroups(groups);
                  var temp = items.get({
                      order:function(a,b){
                          return b.id-a.id;
                          if(a.id > b.id)
                              return -1;
                          if(a.id < b.id)
                              return 1;
                  
                          return 0;
                      },
                  });
                  
                    timeline.setItems(temp);
                  

                  变量 temp 包含一个已排序的数组,但在创建时间线时 - 在第三组中排序的项目如下:item3item2item4.
                  但它们必须像 item2item3item4 一样排序.

                  Variable temp contains an array which was sorted, but when timeline is create - in third group items sorted like: item3, item2, item4.
                  But they have to sorted like item2, item3, item4.

                  推荐答案

                  您可以通过在时间轴配置中为 order 选项提供函数来对时间轴中的项目进行排序.您可以在启动时间线时定义它

                  You can order items in the timeline by providing a function for order option in timeline configurations. You can define it when initiating the timeline

                  var options = {
                    order: function(a,b){
                      return b.id-a.id;
                    },
                    editable: true
                  };
                  

                  或初始化后

                  timeline.setOptions({
                    order: function(a,b){
                      return b.id-a.id;
                    },
                  });
                  

                  order 函数将被调用两个参数,它们是要比较的项目对象.你可以在这里实现任何逻辑.您只需要返回一个整数值.如果返回值小于 0,则第二项(传递给 b 的项)将首先排序,如果返回值大于或等于 0,则第一项(传递给 b 的项)code>a) 将首先订购,第二件商品将在第二次订购.这是一个有效的演示.

                  order function will be called with two parameters and they are the item objects which are going to be compared. You can implement any logic here. You only need to return a integer value back. If the return value is less than 0 then the second item (item passed to b) will be ordered first and if the return value is greater than or equal to 0 then the first item (item passed to a) will be ordered first and second item will be ordered second. This is a working demo.

                  这篇关于VisJS Timeline:在时间轴中排序项目的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!

                  本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益,请联系我们,我们会在确认后第一时间进行删除!

                  相关文档推荐

                  Pause youtube video, youtube api(暂停 youtube 视频,youtube api)
                  Youtube iframe api not triggering onYouTubeIframeAPIReady(Youtube iframe api 未触发 onYouTubeIframeAPIReady)
                  How can I stop a video with Javascript in Youtube?(如何在 Youtube 中停止使用 Javascript 的视频?)
                  How to call Greasemonkey#39;s GM_ functions from code that must run in the target page scope?(如何从必须在目标页面范围内运行的代码中调用 Greasemonkey 的 GM_ 函数?)
                  How do you mute an embedded Youtube player?(如何使嵌入式 Youtube 播放器静音?)
                  How to get number of video views with YouTube API?(如何使用 YouTube API 获取视频观看次数?)

                    <bdo id='DgeUz'></bdo><ul id='DgeUz'></ul>

                  • <i id='DgeUz'><tr id='DgeUz'><dt id='DgeUz'><q id='DgeUz'><span id='DgeUz'><b id='DgeUz'><form id='DgeUz'><ins id='DgeUz'></ins><ul id='DgeUz'></ul><sub id='DgeUz'></sub></form><legend id='DgeUz'></legend><bdo id='DgeUz'><pre id='DgeUz'><center id='DgeUz'></center></pre></bdo></b><th id='DgeUz'></th></span></q></dt></tr></i><div id='DgeUz'><tfoot id='DgeUz'></tfoot><dl id='DgeUz'><fieldset id='DgeUz'></fieldset></dl></div>
                    <tfoot id='DgeUz'></tfoot>
                    • <legend id='DgeUz'><style id='DgeUz'><dir id='DgeUz'><q id='DgeUz'></q></dir></style></legend>

                          <small id='DgeUz'></small><noframes id='DgeUz'>

                            <tbody id='DgeUz'></tbody>