问题标签 [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 回答
480 浏览

javascript - 在 Rickshaw 中将事件添加到 Series.Toggle

单击人力车图例中的项目时,我想添加功能。我使用标准代码添加切换功能,我想扩展它以运行我自己的功能:

有没有办法在这里添加我自己的功能?我还尝试查看和编辑 Rickshaw.Graph.Behavior.Series.Toggle.js 中的代码,但是在单击图例中的项目时我无法运行任何东西。(会不会是导入的js文件被缓存了,我的编辑没有生效?)

0 投票
1 回答
158 浏览

rickshaw - 在 Rickshaw 中从 0ms 开始格式化 X 轴,并自动从 ms 演变为 seconds

我正在使用人力车来绘制遗传算法随时间的演变。所以我想在流媒体中输入图表并查看 x-Axys 中从 0 开始的时间。

我目前正在使用流式结果的动态推送,例如:

我正在像这样配置 x-Axys:

我得到的结果是一个带有奇怪时间的时间线,比如 45,然后是 02:00,然后是 13:00。我需要的是 进化到 任何人有一些提示吗? ______________ | | |
0s 1s 2s
________________ | | |
0s 5s 10s

0 投票
1 回答
823 浏览

javascript - 在 Node.js 中使用 Rickshaw/D3,对于服务器端,可以访问原始 svg?

我正在尝试在 Node.js 中使用 D3 和 Rickshaw。该服务必须创建一个时间序列图,然后使用运行 imagemagick 的子进程将原始 SVG 转换为 png。我真的只需要一个原始的 svg 字符串来进行转换。 人力车有什么方法可以访问原始 SVG 字符串吗?

0 投票
2 回答
1535 浏览

node.js - JSDOM 中的 Rickshaw CSS/Axes

我在服务器端应用程序上使用 Node 来动态生成图表。我正在使用 d3.js 和 rickshaw.js 创建图形的 SVG 版本,并使用 imagemagick 将该 SVG 转换为 png。我使用 JSDOM 作为我的 DOM。

我收到此错误:https ://github.com/shutterstock/rickshaw/issues/186

这里给出的解决方案是引入 css,我找到了关于如何使用 JSDOM 执行此操作的堆栈溢出的答案:

你如何将样式表广告到 JSDOM

所以我遵循了这些说明,并引入了 rickshaw.css。当我将 DOM 打印到控制台时,我可以在头部的样式元素中看到它。

我正在设置我的图表:

我仍然得到一个黑色方块,作为我的输出 SVG。

我错过了什么吗?我在想什么不对吗?任何帮助将不胜感激。

0 投票
1 回答
704 浏览

ruby - Rickshaw Graph 上的 X 轴不断重复

我正在使用 Sinatra 进行 Dashing 项目,并且我正在仪表板上显示图表。我在 X 轴上显示时间戳时遇到了很多麻烦,现在我有了这个工作,我还有另一个问题。在我的图表上,x 轴一遍又一遍地重复时间戳。我的意思是它不显示任何以前的时间戳它只是一遍又一遍地重复当前时间戳,这不是我想要的。下面是我的图表代码:

谁能帮我理解为什么我的图表不想显示任何以前的 X 值?

0 投票
1 回答
870 浏览

javascript - 人力车似乎在标记 X 轴错误

我在一个非常简单的数据集上实现人力车时遇到了麻烦。即使我正在喂人力车特定的纪元时间,它也没有正确标记 x 轴。知道为什么时间戳没有被正确解释吗?

这是我的代码:

0 投票
1 回答
471 浏览

area - 区域渲染器(人力车)

我对人力车图形很陌生,我有这张图

但是图表的数据值出现在另一个之上,例如如果三个“y”值是 1,则第一个出现在 1 中,第二个出现在 2 中,第三个出现在 3 中。

我不确定我必须更改哪些参数才能使三个值出现在 1 中。

0 投票
1 回答
1073 浏览

javascript - 基于人力车月的 X 轴问题

我的图表工作得非常接近完美。我正在通过 PHP 获取它的数据并为 Rickshaw 返回 JSON 数据,但是一个问题是我无法让 12 月份出现在图表上。

我需要显示全年的结果。因此,即使 12 月没有记录,我也需要将其显示为 0。

我正在做的基本前提是这样的(我在实践中没有使用strtotime)

由此,该月的记录数量是该月的记录数组的长度,我也有该月的确切时间戳。

然后,当我对这个数组进行 json_encode 编码时,我有一个 JS 对象,我可以对其进行迭代以正确创建 Rickshaw 系列,我将时间戳键作为其 x 轴值传递,并将 records.length 作为其 y 轴值传递。

这工作得非常好,除了 12 月。这是图表当前的样子

http://i.imgur.com/bzbELHW.png

我不明白的是,每隔一个月就按预期工作。如果它的记录数组的长度为 0,它会将其绘制为 0。出于某种原因,12 月只是没有被选中。起初我认为这是一个时区差异,但这就是我实际获取每个月时间戳的方式

并使用此工具http://www.epochconverter.com/检查所有时间戳,它们似乎都是正确的。仅供参考,这是我设置人力车的方式

任何帮助将不胜感激,这个让我很难过。

0 投票
1 回答
400 浏览

d3.js - 人力车平滑更新过渡

我正在研究与该示例接近的东西,我想知道是否有一种方法可以指定要在每次绘制时应用的转换函数。我发现不断的跳跃伤害了我的眼睛,我想使用类似的东西:

d3.transition().duration(step).transition("linear")

但它有直觉认为人力车的内部结构不允许这样做。

0 投票
2 回答
836 浏览

jquery - 未捕获的异常:系列不是数组人力车

我用人力车的例子尝试了一个简单的例子......

休息服务器返回一个 json 文件......如果我将它打印到控制台,它与示例中的完全相同:

但不知何故,我总是得到错误“未捕获的异常:系列不是数组:[object Object]”

这是我的脚本: