关键词：
【中文标题】如何在 Vis.js 时间线中显示时间线年份？【英文标题】：How I can show Timeline year wise in Vis.js timeline? 【发布时间】：2019-07-26 13:23:50 【问题描述】：我第一次使用 Vis.js 时间轴，我希望时间轴按年份而不是合并的年份时间轴。我在 Vis.js 中尝试了 groups 选项而不是 items 但没有奏效。 页面刷新后，我得到这样的时间线：
但我想要这样的时间线：
你能帮我解决这个问题吗？ 谢谢
代码：
var container = document.getElementById('visualization');
// Create a DataSet (allows two way data-binding)
var items = new vis.DataSet(
[
"content": "Application 31 August 2004 - 0.0 ",
"start": "2004-08-31",
"id": 0
,
"content": "cricket 10 October 2007 - 3.11 Years",
"start": "2007-10-10",
"id": 1
,
"content": "Inter 09 January 2008 - 3.36 Years",
"start": "2008-01-09",
"id": 2
,
"content": "Final 09 April 2008 - 3.61 Years",
"start": "2008-04-09",
"id": 3
,
"content": "exam 07 July 2008 - 3.85 Years",
"start": "2008-07-07",
"id": 4
,
"content": "asf 18 July 2008 - 3.88 Years",
"start": "2008-07-18",
"code": "all",
"id": 5
,
"content": "pal 01 August 2008 - 3.92 Years",
"start": "2008-08-01",
"id": 6
,
"content": "Final 08 January 2009 - 4.36 Years",
"start": "2009-01-08",
"id": 7
,
"content": "App 01 June 2009 - 4.75 Years",
"start": "2009-06-01",
"id": 8
,
"content": "N 31 August 2009 - 5.0 Years",
"start": "2009-08-31",
"id": 9
,
"content": "Fl 09 March 2010 - 5.52 Years",
"start": "2010-03-09",
"id": 10
,
"content": "Request 10 June 2010 - 5.78 Years",
"start": "2010-06-10",
"id": 11
,
"content": "Abn 15 June 2010 - 5.79 Years",
"start": "2010-06-15",
"id": 12
,
"content": "Non-Final 17 November 2010 - 6.22 Years",
"start": "2010-11-17",
"id": 13
,
"content": "Final R13 April 2011 - 6.62 Years",
"start": "2011-04-13",
"id": 14
,
"content": "App 07 September 2011 - 7.02 Years",
"start": "2011-09-07",
"id": 15,
]
);
// Configuration for the Timeline
var options =
min: new Date(2000, 1, 5),
max: new Date(209,3,2),
// autoResize: false,
height: '200px'
;
// Create a Timeline
var timeline = new vis.Timeline(container, items, options);
【问题讨论】：
我不明白你上面提到的确切输出格式。这是你想要的吗？ jsfiddle.net/rexzing/mdj5zac7/1 @ChamathSandaru，是的，谢谢 【参考方案1】：你可以使用stack:false的选项来做一样的。
【讨论】：
正如目前所写，您的答案尚不清楚。请edit 添加其他详细信息，以帮助其他人了解这如何解决所提出的问题。你可以找到更多关于如何写好答案的信息in the help center。如何在视图控制器时间线中跳回两步？
】如何在视图控制器时间线中跳回两步？【英文标题】：Howtojumpbacktwostepsintheviewcontrollertimeline?【发布时间】：2013-11-1412:10:19【问题描述】：如何在视图控制器导航中跳回两步并仍然保留导航？我有vc1，它在触摸时移至vc2，然后... 查看详情
如何在 chrome 开发者工具时间线中获得可重现的节点数？
】如何在chrome开发者工具时间线中获得可重现的节点数？【英文标题】：Howtogetreproduciblenode-countinchromedevelopertoolstimeline?【发布时间】：2015-06-1316:59:51【问题描述】：我正在尝试优化使用AngularJS构建的非常大的单页应用程序。我... 查看详情
如何在 vis.js 时间轴中使用自定义语言环境
】如何在vis.js时间轴中使用自定义语言环境【英文标题】：Howtousecustomlocaleinvis.jstimeline【发布时间】：2019-03-0904:32:07【问题描述】：我正在为一个项目使用vis.js时间线，并尝试按照documentation中的说明添加自定义语言环境。varoptio... 查看详情
从主时间线中删除影片剪辑中调用的声音
】从主时间线中删除影片剪辑中调用的声音【英文标题】：RemovingSoundsInvokedwithinaMovieClipfrommainTimeLine【发布时间】：2012-07-1617:56:20【问题描述】：当我在特定项目的时间线上前进时，我目前很难从播放中删除特定声音。用户在时... 查看详情
vis.js 时间线在项目上设置自定义背景颜色而不覆盖边框
】vis.js时间线在项目上设置自定义背景颜色而不覆盖边框【英文标题】：vis.jstimelinesetcustombackgroundcoloronitemswithoutoverwritingborders【发布时间】：2019-10-0319:34:56【问题描述】：我正在使用vis.js时间线，并且正在尝试找到一种标记工... 查看详情
Vis js时间线范围元素自定义绘制
】Visjs时间线范围元素自定义绘制【英文标题】：Visjstimelinerangeelementcustomdraw【发布时间】：2019-11-1115:52:45【问题描述】：我发现vis.js非常有用，但现在需要在时间轴中使用的范围元素的边缘（开始/结束）添加自定义“符号”（... 查看详情
vis.js 时间线视图中按时间顺序排列的项目集
】vis.js时间线视图中按时间顺序排列的项目集【英文标题】：vis.jsChronologicalsetofitemsinTimelineView【发布时间】：2019-05-1201:32:34【问题描述】：除了与时间线视图中的项目进行实际时间映射外，有没有一种方法可以让项目按时间顺... 查看详情
网络面板中谷歌浏览器时间线中的时间是啥意思？
】网络面板中谷歌浏览器时间线中的时间是啥意思？【英文标题】：WhatdoesthetimesmeaninGoogleChrome\'stimelineinthenetworkpanel?网络面板中谷歌浏览器时间线中的时间是什么意思？【发布时间】：2012-05-1905:25:43【问题描述】：在使用GoogleChr... 查看详情
Fullcalendar：如何在时间线视图中显示明年的下两个月
】Fullcalendar：如何在时间线视图中显示明年的下两个月【英文标题】：Fullcalendar:Howtoshownexttwomonthofnextyearintimelineview【发布时间】：2017-05-0708:47:46【问题描述】：我正在使用Fullcalendar，我需要使用timeline视图显示所有当前年份以及... 查看详情
从时间线中删除操作
】从时间线中删除操作【英文标题】：Deleteactionfromtimeline【发布时间】：2012-02-1603:51:49【问题描述】：我使用以下php代码将项目发布到时间线：$request_data=http_build_query(array(\'access_token\'=>\'xxx\',\'item\'=>\'url\'));$c=curl_init(\'https:/... 查看详情
使用 vis.js 的时间轴组中所有项目的高度相同
】使用vis.js的时间轴组中所有项目的高度相同【英文标题】：Sameheightforallitemsinagroupintimelinewithvis.js【发布时间】：2019-05-0522:18:11【问题描述】：我正在使用vis.js显示具有连续非堆叠项目的时间线。有些项目的内容比其他项目长... 查看详情
vis.js 在时间轴上动态创建一个新项目
】vis.js在时间轴上动态创建一个新项目【英文标题】：vis.jsDynamicallycreateanewitemonatimeline【发布时间】：2019-02-2510:03:58【问题描述】：我正在寻找一种在vis.js的时间线上动态创建新的单个项目的方法查看文档(http://visjs.org/docs/timelin... 查看详情
从霍夫线中选择线
...是图像。不幸的是，霍夫为我期望的每一行返回了很多行如何调整霍夫线，以便只有四条线对应于图像上的实际线？【问题讨论】：【参考方案1】：OpenCV的霍夫变换确实可以使用更好的非极大值抑制。没有它，你会得到这种重... 查看详情
如何在 vis.js 时间轴中对嵌套组进行排序？
】如何在vis.js时间轴中对嵌套组进行排序？【英文标题】：HowtosortnestedGroupsinvis.jstimeline?【发布时间】：2019-04-0213:19:36【问题描述】：我对@987654323@有疑问。我在创建items和nestedGroups之前对数组进行了排序，但即便如此，由于... 查看详情
Vis.js 时间轴 - 如何在不嵌套的情况下折叠组
】Vis.js时间轴-如何在不嵌套的情况下折叠组【英文标题】：Vis.jsTimeline-Howtocollapseagroupwithoutnesting【发布时间】：2019-05-1121:06:06【问题描述】：我希望能够通过单击组标题（或旁边的图标等）折叠或切换时间轴上特定组的可见性... 查看详情
vis.js 动态显示边缘
...【发布时间】：2022-01-0917:10:09【问题描述】：我正在学习如何使用vis.js来显示网络，我想知道是否可以使用滑块根据边缘属性（例如其权重）动态显示/隐藏边缘。我的意思是，与here显示的滑块相同，但取决于边缘权重，是一种... 查看详情
面临启用导航按钮和使用 vis.js 在时间线图中获取数据的问题
】面临启用导航按钮和使用vis.js在时间线图中获取数据的问题【英文标题】：Facingissueswithenablingnavigationbuttons&gettingdataintimelinechartusingvis.js【发布时间】：2015-06-0316:46:44【问题描述】：我使用chaps链接库创建了时间线图，现在... 查看详情
Vis JS Timeline - 垂直滚动时冻结水平时间轴
】VisJSTimeline-垂直滚动时冻结水平时间轴【英文标题】：VisJSTimeline-Freezehorizontaltimeaxiswhenverticallyscrolling【发布时间】：2021-11-1920:48:31【问题描述】：我在VisJSTimeline中使用以下选项在时间轴顶部生成带有时间标签的水平轴：orientat... 查看详情