问题标签 [chap-links-library]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 拖放到谷歌可视化数据表数组中
我是网络开发和编码的初学者,如果我问一些琐碎的问题,我很抱歉......
我想创建一个带有时间线的作业计划工具,所以我在网上找到了这个almende.github.io/chap-links-library/js/timeline/examples/example15_mobile.html
基于谷歌可视化 api 的例子。
现在一切正常,但我创建了一个包含两列的表:
第 2 列是示例 div ID 时间线的代码,第 1 列是两个 div 对象,我想让它可拖动到时间线,以便在 googl 可视化 api 数组上拖动
我尝试使用 jquery:
那么,当我将它拖到时间轴上时,如何将它添加到数据行中?我在 jsbin 上的代码:http: //jsbin.com/oLaqoToH/2/edit
所以我想将 div 对象从第一列拖到第二列(时间轴)并将其添加到数据数组中。
时间线是可滚动的,但使用此功能:
所以这是我在时间轴上看到的日期范围......并且具有功能:
$('#mytimeline').width();
我得到时间轴的像素,所以现在我可以计算 1pixel = 时间?
现在,当我将 div 对象从第一列拖到第二列(#mytimeline)时,如何将 divObject 添加到时间轴中?
请帮助并为我的英语感到抱歉,它很糟糕,但我正在努力学习
javascript - 模拟拖动端双击 - jquery UI
在这里,我有一个两列的表。第一个是可拖动的 div 对象,因此:
第二列是基于谷歌可视化 API 的时间线表。 http://jsbin.com/oLaqoToH/5
当你双击时间线表时,你会看到你在时间线中创建了一个新的 div 对象。
现在,当我结束将对象从第一列拖动到时间轴时,我想模拟双击。如此简单,我想通过这个小技巧将 div 对象从第一列添加到时间轴。有没有办法做到这一点?这可以与 jquery 一起使用吗?我如何在可拖动的结尾上模拟 dobuleclick?
更新: 我不需要模拟双击,因为这个动作有一个功能:
http://almende.github.io/chap-links-library/js/timeline/timeline.js
如何使用此功能将对象拖动到时间轴而不是使用双击模拟???谢谢!
javascript - 如何找到函数的代码
这里我有一个例子: http: //jsbin.com/oLaqoToH/5(事件时间线)双击我可以创建一个新事件,但我的问题是如何找到执行此操作的函数,所以如何找到代码为此操作创建。
这个例子也有外部资源(引擎)timeline.js http://almende.github.io/chap-links-library/js/timeline/timeline.js
我尝试过onNew(); new Item.
,但没有什么不是答案......文档很糟糕,我不知道这实际上是如何工作的。
帮助?
javascript - GWT - 谷歌可视化 api
GWT(谷歌网络工具包)和谷歌可视化 API 一样吗?
我想知道这个例子是用 GWT 写的:http: //almende.github.io/chap-links-library/js/timeline/examples/example15_mobile.html
因为我知道 GWT 几乎是“死亡”,如果可能的话,我想在这个例子中使用 anularJS 框架......
javascript - IOS7设备中的Javascript应用程序滞后滚动
我一直在使用 Chaps Link Timeline,它在所有设备上运行良好,除了运行 iOS7 的苹果设备。问题出在导致滞后的新 iOS 中。基本上在时间轴上滚动(向左/向右滑动)非常滞后。在 iPad 上的 safari 和 chrome 上进行了测试。如何修复新 iOS 中的延迟?
时间线: https ://github.com/almende/chap-links-library/tree/master/js/src/timeline
Github 问题: https ://github.com/almende/chap-links-library/issues/239
在线演示: http ://almende.github.io/chap-links-library/js/timeline/examples/example01_basis.html
更多演示: http ://almende.github.io/chap-links-library/timeline.html
gwt - gwt 可视化:时间线
我想实现 gwt 可视化时间线图。
但是,它在 gwt 中不可用,是否可以直接在 gwt 应用程序中使用可视化 api (javascript)。
如果是,请给我一些指导。
有没有其他可用的选项。
我试过http://almende.github.io/chap-links-library/timeline.html和它的好。
但是,我想了解 gwt 中的可视化 api。
jquery - 无法停止可移动时间线
我正在使用 vis.js 作为时间线,它对我来说工作正常。但我无法停止可移动时间轴。我已经尝试过对我不起作用的可移动配置选项,谁能建议我如何停止移动时间轴,我只想修复我的时间轴比例。例如只有 120 分钟。
javascript - 时间线 2.6.1 中的示例不起作用 - 错误链接未定义时间线代码 0
刚开始使用 Chaps 链接库 - 时间线,如果我复制 Github 的任何示例并将它们粘贴到我的页面中,工作正常,index.jsp
我确保我引用了正确的位置。timeline.js
timeline.css
但是,当我将代码粘贴到jsp
由于通过我的控制器的 get 请求而启动的页面中时,我没有显示任何时间线。页面错误显示“链接未定义”。我将数据硬编码为示例演示的精确副本,因此我没有提供任何数据。知道如何解决吗?
编辑 - 好的,问题出在我试图在 Spring MVC 中加载 Javascript 库的方式上。它与时间线组件无关。
javascript - 链接时间线的 chap-links-library customStackOrder()
我正在使用 Chap Links Timeline Library http://almende.github.io/chap-links-library/js/timeline/doc/并发现它非常有用。但是我需要按特殊顺序堆叠事件。
到目前为止,我尝试使用 customStackOrder() 函数但没有成功。如何访问此函数中的自定义数据字段?
我的数据元素如下所示:
和
但是 A.stackOrder 和 B.stackOrder 是未定义的。