问题标签 [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 投票
4 回答
1947 浏览

javascript - 人力车图表的 onClick 选项

我想知道是否真的对数据点上的 onclick 事件提供了开箱即用的支持,或者我必须修改库以使其工作。我扫描了源代码的某些部分,没有看到任何允许绑定自定义单击操作的内容。他们网站上的教程也没有显示此选项(http://code.shutterstock.com/rickshaw/)。

任何帮助都是感激的。我目前正在 flot、rickshaw 和 flotr2 之间进行评估。到目前为止,它们都没有满足所有要求,我很惊讶除了 flot,在其他库中没有自定义 onClick 事件的选项。我看到有些人为 flotr2 添加了一些 hack-ish 方式,但它仅适用于条形图。

0 投票
1 回答
6591 浏览

javascript - 使用 Rickshaw JS 库在 X 轴上显示自定义标签

我有一个数据集,{x: someValue, y: count}其中是 ( )someValue形式的一周中的某一天,其中是"Sunday"。在 Ricskshaw 图表上,我想分别在 X 轴上显示( MonTue ..etc)。我怎么做?1..71

目前我已经完成了:

但这当然给了我默认值 1s、2s、3s 等...

0 投票
2 回答
4282 浏览

javascript - How can I add graphs/data to Rickshaw with d3.js?

Here's what I have:

http://jsfiddle.net/bozdoz/Q6A3L/

rickshaw d3.js graph

Code for the background bars:

This is exactly what I want, except that I have made the red, yellow, green background bars a fixed height.

When you use the slider, or, more importantly, when the graph is regenerated (which it will with the actual data), I want the background bars to adjust to the correct height.

For example, in the image, the green bar is somewhere between 300M and 200M. If you remove all the graph data except for the red (vertical) bars, the green bar (horizontal) is just above 40M. This is because the position/height of the background bars are not regenerated, whereas the position/height of the graph data are regenerated, via the rickshaw javascript.

How could I put this data into the rickshaw graph so that it is regenerated?

0 投票
3 回答
3691 浏览

javascript - 一个滑块,两个图表,带有 Rickshaw 和 D3.js

我有两个用 Rickshaw 渲染的图形,非常好。我有一个滑块,我希望能够操纵两个图表,但它现在正在做的是操纵我声明的最后一个图表:

是否可以让一个滑块操纵两个图形?

0 投票
1 回答
3581 浏览

rangeslider - Rickshaw.Graph.RangeSlider TypeError: $(element).slider 不是函数

我有这个错误: TypeError: $(element).slider is not a function

使用以下脚本:

从以下页面: https ://github.com/shutterstock/rickshaw/blob/master/src/js/Rickshaw.Graph.RangeSlider.js

javascript 调试器向我展示了这一行:slide: function( event, ui) {

你能告诉我一个解决我的问题的方法吗?谢谢!

0 投票
0 回答
140 浏览

charts - Ricksahw Graph as 'NXY' (one x multiple y) from array可能?

我使用 shutterstock 人力车图表库通过 ajax-php-sql 可视化一些传感器数据。

在所有示例中,人力车依赖于表格中的系列数据

与例如 xmgrace 的“nxy”模式相比,我觉得有点乏味:一个 x 列,n 个 y 列——这正是我从 sql 查询中得到的(因为我的传感器以相同的时间戳进行采样)。

所以问题是是否有可能让人力车的数据输入总是相同的 x 数据向量和单独的 y 数据向量,保存在一个数组中?

谢谢你!亚历克斯

0 投票
2 回答
5179 浏览

charts - 如何格式化人力车图上的 Y 轴值

我想使用 http://code.shutterstock.com/rickshaw/的 Javascript 图表

我让它为一个例外工作,当我的值小于 0.00000100 时,y 轴值以科学格式显示,例如 2e-7 表示值 0.00000020

如何让它显示 0.00000020 而不是 2e-7 ?

0 投票
2 回答
3276 浏览

javascript - Javascript和人力车。如何更新实时流媒体?

如何使用实时流媒体更新人力车数据?

我按如下方式启动图表。

然后我想回电以获取这种格式的数据。

我将有多个系列要更新。我的图表没有更新,我不理解要更新的文件。

另外......我不承诺与人力车。是否有具有良好文档的实时流式 JS 库?人力车看起来很漂亮,但实时记录很差。

0 投票
1 回答
1045 浏览

tabs - 将值附加到 Rickshaw Graph Axis 以及 ticksTreatment 和 Preserve

这是我在这里的第一个问题,所以请放轻松:)

我正在尝试使用人力车图、d3 和 jquery UI 来实现一些折线图。我有一些垂直选项卡,并成功地让图表从外部 html 文件加载。

有一些关于 Rickshaw 的文档,但我找不到我的具体目标,所以如果可以的话,我会问这个社区几个问题?

首先,当从外部 html 文件加载 jquery UI 中的选项卡时,我应该将所有 javascript 和 css 放入嵌入的页面(见下文history.html)或父页面中?我都试过了,他们似乎工作我只是想知道最佳实践。

其次,图表上的 x 轴以毫秒为单位。我想将“ms”附加到每个 x 轴“刻度”的末尾。所以 x 轴会读取 50 毫秒、100 毫秒、150 毫秒等……可以这样做吗?

最后,在 Rickshaw 中,他们有一个带有所有花里胡哨的扇形示例 ( http://code.shutterstock.com/rickshaw/examples/extensions.html )。它有两个属性,我找不到任何信息。坚持:真的吗?另一个例子有tickFormat 和tickTreatment?有人可以解释一下这些是做什么的。

非常感谢您的帮助。

0 投票
0 回答
210 浏览

javascript - 设置绘制点的数量 Rickshaw.js

Rickshaw.js中,我试图绘制一个有 100 个点的图形,但图中只显示了 10 个,并且时间点之间的点被忽略并简单地插值。如何控制图表上显示的点数?