问题标签 [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.

0 投票
1 回答
730 浏览

ruby-on-rails - Ruby:将表格数据格式化为 JSON

我正在尝试为开源项目的错误和更新制定时间表。我是红宝石的新手,但我逐渐获得了一些经验。

我创建了一个名为history_gems 的表,模型中包含以下代码:

我正在使用一个 JS 插件(http://almende.github.com/chap-links-library/js/timeline/doc),它需要具有两个字段名称的对象(“开始”用于日期,“内容”用于title) 在 JSON Array 中使用 JS 显示时间线。

我相信我必须在控制器中做这样的事情,它定义了我的时间线方法来呈现 JSON:

然后我可能不得不在我的模型中定义一个“json_timelines”方法,可能是这样的:

我只是从 RoR 开始,即使经过几个小时的指南、教程和调试,我也无法将这段代码放在一起。任何人都可以帮助我吗?我不认为我做得对。

顺便说一句,如果我忽略了一些明显的事情,请不要太苛刻,我只有 16 岁:)

0 投票
2 回答
410 浏览

javascript - 控制台错误说全局变量未定义

我正在使用这个插件http://almende.github.com/chap-links-library/js/timeline/doc/从一些 JSON 数据中呈现时间线。这是整个相关代码:

当我提醒“window.items”时;它按预期显示。但是,检查员控制台显示

并且时间线不会渲染。我究竟做错了什么?

编辑:

输出console.log(JSON.stringify(result))

[{"content":"rubygem-aws-2.6.0 is available<br><a href='https://bugzilla.redhat.com/show_bug.cgi?id=863368'>View on BugZilla</a>","start":"863368"},{"content":"Recent update of rubygem-nokogiri breaks rubygem-aws-sdk<br><a href='https://bugzilla.redhat.com/show_bug.cgi?id=816706'>View on BugZilla</a>","start":"816706"},{"content":"Please update rubygem-aws-sdk to 1.3.5<br><a href='https://bugzilla.redhat.com/show_bug.cgi?id=800616'>View on BugZilla</a>","start":"800616"},{"content":"Review Request: rubygem-aws-sdk - AWS SDK for Ruby<br><a href='https://bugzilla.redhat.com/show_bug.cgi?id=723472'>View on BugZilla</a>","start":"723472"},{"content":"Please add EPEL branches for rubygem-aws<br><a href='https://bugzilla.redhat.com/show_bug.cgi?id=723152'>View on BugZilla</a>","start":"723152"},{"content":"Unable to resolve dependency of rubygem-aws-2.4.2.2-2.fc15 (updates)<br><a href='https://bugzilla.redhat.com/show_bug.cgi?id=716343'>View on BugZilla</a>","start":"716343"},{"content":"rubygem-aws-2.5.7 is available<br><a href='https://bugzilla.redhat.com/show_bug.cgi?id=703433'>View on BugZilla</a>","start":"703433"},{"content":"rubygem-aws-2.5.1 is available<br><a href='https://bugzilla.redhat.com/show_bug.cgi?id=703117'>View on BugZilla</a>","start":"703117"},{"content":"rubygem-aws-2.4.5 is available<br><a href='https://bugzilla.redhat.com/show_bug.cgi?id=691728'>View on BugZilla</a>","start":"691728"},{"content":"Update rubygem-aws to 2.3.34<br><a href='https://bugzilla.redhat.com/show_bug.cgi?id=668955'>View on BugZilla</a>","start":"668955"},{"content":"Review Request: rubygem-aws - Ruby gem for all Amazon Web Services<br><a href='https://bugzilla.redhat.com/show_bug.cgi?id=637378'>View on BugZilla</a>","start":"637378"}]

编辑:最新代码:(控制台仍为timeline.draw返回未知数据类型):

0 投票
1 回答
523 浏览

javascript - 保存用户编辑的时间线?

我一直在玩http://almende.github.com/chap-links-library/timeline.html,它允许用户在时间线上添加/编辑/删除事件。关闭或刷新浏览器会将其重置为预加载的数据源 - JSON、表格信息或 Google 电子表格。不会保存用户添加或更改的任何内容。

您如何使用户更改持久化?

我之前使用 HTML5 localStorage 来保存文本、复选框和选择框条目等,但使用此时间轴,唯一的条目是:

div id="我的时间线"

它有一个与之关联的脚本:

这是对构建时间线容器的 JS 的引用。

有什么想法、例子或指示吗?

谢谢。

更新:这是我到目前为止所拥有的:

我还进行了这些更改 - body onload="storedData()" 尝试加载 localStorage 保存的值并更改 div id="mytimeline" onmouseup="storeTimelineData()" 以在对时间线进行更改时存储值。

对时间线的更改保存在 localStorage 中,我可以在控制台中看到键/值的这些更改。但是,当我刷新浏览器时,这些并没有被加载到 mytimeline 中。我错过了什么?

谢谢。

0 投票
1 回答
1177 浏览

javascript - 使用 JQuery 或 Javascript 在相对 div 中冻结垂直滚动条

我正在寻找一种方法来冻结相对 div 的垂直滚动条。我似乎找不到类似的线程。在这种情况下,固定位置不起作用,因为 div 实际上是来自 Chap-links-library 的图表,用作固定轴。我不必担心鼠标滚轮,因为我已重新分配它来控制范围更改。但是,对于间距和兼容性问题,我必须显示一个滚动条(否则元素无法正确对齐)。因此,我无法隐藏。有没有防止用户滚动这个 div 的方法?我不必处理水平滚动

0 投票
2 回答
6341 浏览

ios - 如何在 iOS 中创建可缩放的时间线?

我想在我的 iOS 应用程序中为一种待办事项列表创建一个可缩放的时间线。放大会显示天数和小时数,缩小会触发折叠天数或缩小到月数。会有滚动功能。

例如,我希望它像这样工作: http: //almende.github.com/chap-links-library/js/timeline/doc/

什么样的基本视图将是一个合适的起点,记住所需的内存应该尽可能低?UITableView、UIScrollView 或其他东西会为此工作吗?

0 投票
2 回答
1330 浏览

javascript - 用于 CHAPS 时间线的 json 文件中的数据

我正在尝试使用 CHAP 链接库时间线(http://almende.github.io/chap-links-library/timeline.html)。

Example17 使用 JSON,但它在 html 文件本身中。我想改用位于 Web 服务器上的外部 JSON 文件。

这是我的example.json:

我添加了这个:

这是修改后的功能:

任何能告诉我我做错了什么的人都会得到一块饼干!:-)

更新:我应该指定它正确地呈现时间线 div,我只是没有显示任何数据。

0 投票
2 回答
5227 浏览

javascript - 垂直平移 Google 柱形图

是否有任何 JavaScript 或用于水平平移 Google 柱形图的示例?我有几个月的数据,我希望用户能够从左到右查看它。这是我想要的功能:http: //almende.github.io/chap-links-library/js/graph/examples/example05_gaps_in_data.html。我的用户反对使用带注释的时间线。

0 投票
0 回答
1039 浏览

ios - 带有 UIScrollView 的可缩放时间轴

我正在做这样的事情: http: //almende.github.com/chap-links-library/js/timeline/doc/

这是日历等的可缩放时间线。我从 UIScrollView 开始,但很快意识到这将是一个巨大的麻烦。我只找到了This repo,它看起来很糟糕,而且它是垂直的。此外,它不可缩放。

这在用户界面对象中并不少见,所以我怀疑有一些我没有找到的 repo。如果有,有人可以链接吗?

如果没有,如果有人能解释我如何自己制作一个,或者解释一些事情,给我一些见解并激励我,那就太好了。(我是新手程序员,帮助很好)

-我是否必须使用 CA 和路径绘图而不是 UIKit 来处理缩放?

- UIScrollView 比 UICollectionView 更适合这个,还是只是一个定制的 UIControl?

- 如何使滚动视图只能水平缩放?

为这个可怕的问题道歉。

0 投票
1 回答
74 浏览

javascript - 章节链接库 - 网络 - 如何获取表行 ID

我正在使用 chap 链接库https://github.com/almende/chap-links-library/tree/master/js/src/network来绘制对象区域。

我希望能够在点击时使用我设置为对象的 id,我有这个代码

它工作正常,只有它从动态创建的表中检索行号。我想从该行中检索一个值(我设置的一个对象 ID),但我不知道如何访问它。

我有累的东西,比如

sel[0].row.id

sel[0].row.getId()

选择[0].row[0]

但我不知道他们如何在他们的东西中构造数据......

Anyonw之前遇到过这个并解决了吗?

这是我设置数据的方式

0 投票
1 回答
989 浏览

javascript - 谷歌可视化时间线图表日期奇怪的是一个月...我错过了什么?

我使用这个演示作为模板:http ://almende.github.io/chap-links-library/js/timeline/examples/example05_format_custom_html.html

这是一个很棒的时间线,但即使在官方示例中,源代码也会显示 7 月的日期,例如 new Date(2010, 7, 19) 并且时间线会显示一个月后的八月?我将 php 日期回显到 Date() 中,我遇到了同样的问题。我认为这可能是因为数组从 00 开始,但这个例子至少不是正确的吗?只是想知道是否有比从我所有的月份中减去 1 更简单的解决方法。谢谢你的帮助!!

小号