问题标签 [rickshaw]

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 回答
729 浏览

r - 如何在 rCharts 人力车图表上设置悬停参数?

这是我的代码:

我的悬停看起来像这样:

2013 年 9 月 23 日星期一 00:00:00 GMT var 1045.00

我希望它看起来像这样:Mon, 23 September 2013 var 1045 *没有时间和小数点。

0 投票
2 回答
971 浏览

jquery - Rickshaw - 注释不会出现,直到用户滚动图例

我刚刚开始学习人力车(从下面臃肿的演示代码可以看出)。我几乎可以按照自己的意愿运行所有东西,但是我有一个奇怪的错误,在用户翻阅图例之前,注释不会出现。

任何想法如何解决它?

谢谢!

0 投票
1 回答
234 浏览

javascript - 使用 Javascript Rickshaw 进行注释

我将 RickShaw 用于图形,但我需要在 X 轴上为我的图形做一些注释,我使用下一个:

与人力车 d3.v2.js。

但它不起作用!

0 投票
1 回答
672 浏览

r - rCharts 和人力车:将数据表添加到我的网页时,滑块从人力车图表中消失

我使用了不起的 rCharts 和 knitr 构建了一个网页。我的页面将人力车时间序列图表与滑块和数据表结合在一起。当我添加数据表时,所有滑块都从我的人力车图表中消失了。我尝试修改 config.yml,以免重复调用相同的资源,但这并没有解决问题。任何想法都会有很大帮助。下面是一个可重现的 r-markdown 文件,可以使用 knitr 编织成一个 html 页面。

0 投票
1 回答
1127 浏览

datetime - 人力车误解了日期时间

我正在使用 Rickshaw javascript 库来显示一些图形值,遵循此处的模型。要绘制的数据是通过 Ajax 调用提供的,例如:

[{"color":"#65A1CC","data":[{"x":1383906402000,"y":22.31},{"x":1383906428000,"y":22.38},{"x":1383906452000 ,"y":22.31},{"x":1383906477000,"y":22.38},{"x":1383906502000,"y":22.38},{"x":1383906527000,"y":22.38}, {"x":1383906552000,"y":22.31},{"x":1383906577000,"y":22.31}],"name":"传感器 1"},{"color":"#CC9065","数据":[{"x":1383906402000,"y":22.38},{"x":1383906427000,"y":22 .38},{"x":1383906452000,"y":22.38},{" x":1383906477000,"y":22.38},{"x":1383906502000,"y":22.38},{"x":1383906527000,"y":22。38},{"x":1383906552000,"y":22.38},{"x": 1383906577000,"y":22.38}],"name":"传感器 2"}]

此处给出的长值是 FET 2013 年 11 月 8 日星期五 13:26:42 和 FET 2013 年 11 月 8 日星期五 13:29:37 之间的数据时间。

但是,将鼠标悬停在结果图表上时,显示的各种值的日期显示为“Sat Apr. 03”,如下图所示。我不明白为什么:如果在 javascript 中迭代数据,javascript Date 对象显示 11 月时间,而不是 4 月。

在此处输入图像描述

代码是:

包含以下 js 文件:jquery-ui.min.js, d3.v2.js, rickshaw.js, Rickshaw.Class.js, Rickshaw.Compat.ClassList.js, Rickshaw.Graph.js, Rickshaw.Graph.Renderer.js, Rickshaw.Graph.Renderer.Area.js, Rickshaw.Graph.Renderer.Line.js, Rickshaw.Graph.Renderer.Bar.js, Rickshaw.Graph.Renderer.ScatterPlot.js, Rickshaw.Graph.RangeSlider.js, Rickshaw.Graph.HoverDetail.js, Rickshaw.Graph.Annotate.js, Rickshaw.Graph.Legend.js, Rickshaw.Graph.Axis.Time.js, Rickshaw.Graph.Behavior.Series.Toggle.js, Rickshaw.Graph.Behavior.Series.Order.js, Rickshaw.Graph.Behavior.Series.Highlight.js, Rickshaw.Graph.Smoother.js, Rickshaw.Graph.Unstacker.js, Rickshaw.Fixtures.Time.js, Rickshaw.Fixtures.Time.Local.js, Rickshaw.Fixtures.Number.js, Rickshaw.Fixtures.RandomData.js, Rickshaw.Fixtures.Color.js, Rickshaw.Color.Palette.js, Rickshaw.Graph.Axis.Y.js

我应该怎么做才能获得 11 月 ... 时间而不是 4 月?

谢谢。

0 投票
0 回答
249 浏览

d3.js - 如何在 Rickshaw 中实现 d3.time.scale 线性时间刻度?

我为我正在原型设计的应用程序开发了一个小型 D3 示例,其中 x 轴是在时间尺度上定义的。我正在寻找 Rickshaw 中用于时间序列绘图的兼容功能,但我找不到在 Rickshaw 的 x 轴上放置时间刻度的兼容方法。

假设您可以调用 D3,但我不确定如何使用给定的 Rickshaw 实现来实现。

所有帮助表示赞赏。

谢谢。

莱斯

0 投票
2 回答
1320 浏览

javascript - 如何将整数数组转换为人力车的 x/y 坐标

我正在尝试将很棒的 JS 图形库 Rickshaw 集成到我的项目中。人力车可以在这里找到:http ://code.shutterstock.com/rickshaw/

我要绘制的数据在一个简单的数组中:

我想将数组中每个元素的索引用作 x 坐标,将元素本身用作 y 坐标。我需要将其格式化为以下格式,以便 Richshaw 发挥它的魔力:

我尝试了各种方法,最接近的方法是生成一个带有哈希值的引号数组,如下所示:

返回:

所以我的问题是,我怎样才能删除上面的引号以获得一个哈希数组,或者,如果我走错了路:我怎样才能格式化数组以使其对 Rickshaw 可呈现?我更喜欢在这里使用 Ruby,但 JavaScript 中的任何东西也都很棒。

谢谢。

0 投票
1 回答
3910 浏览

javascript - Rickshaw.Graph.Axis.Time 分辨率

我现在正在尝试基于虚拟数据编写实时图表。我的问题是我的图表的分辨率对我来说太大了。我timeUnit是一个小时,但我得到的范围是 16 小时,我现在不需要在同一张图中看到。例如,图表从 00:00 开始,到 16:00 结束。我想要这样的分辨率:00:00、00:05、00:10、00:15 等等....(每五分钟打勾)。我尝试使用timeunit=minute,但我仍然得到相同的范围,现在分为更多点。

这是我的 x 轴代码:

0 投票
1 回答
1490 浏览

javascript - 在人力车图形渲染上使用悬停细节显示值

Rickshaw.Graph.HoverDetail将鼠标移到图表上时,我用于在图表中显示值。

现在,我想显示图表中的初始值 - HoverDetail 样式 - 当它被加载时(在MouseEvent为图表触发之前)。

有任何想法吗?

0 投票
1 回答
195 浏览

r - Rickshaw 工具提示控件与 R

我正在尝试制作类似于http://www.r-bloggers.com/rickshaw-d3-js-from-r-with-rcharts/的东西(用 R 操作人力车)。是否可以管理工具提示/悬停细节?例如,我想在鼠标悬停时获得两个系列的值的差异?