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

javascript - 在javascript中播放关于时间的图表线

我正在发现令人惊叹的人力车图书馆!

我不确定我能做一件事,我想“玩”我的图表线。

我的意思是,当我点击一个按钮时,我希望有一条垂直线(代表当前时间),它会变得狭窄,这条线的左侧部分将是与右侧部分不同的颜色(代表过去)(代表未来)。

是否有可能在人力车上构建这种东西(我们可以“播放”时间的图表)?

如果没有,您知道启用该功能的 javascript 库吗?

0 投票
1 回答
2968 浏览

svg - 如何使用 D3 / Rickshaw 在时间序列图上标记离散点?

我正在使用Rickshaw创建实时更新的时间序列图。

这是演示:http ://abhshkdz.github.io/icuvisualanalytics/prototypes/rickshaw.html

数据为 csv 格式(时间、值),这是可视化的核心 javascript:

现在有另一组由算法生成的数据。该数据也是 csv 格式(时间、值)。它基本上找到了这个情节的峰值。使用这些数据,我想在这个可视化本身上标记这些点。

据我所知,Rickshaw 本身并不支持使用不同渲染器的多个系列(两者都必须是线或都是散点图等)。

那么我该怎么做呢?

0 投票
1 回答
1676 浏览

javascript - 在 d3 中按时间间隔对日志文件数据进行分组

我有一些想要绘制的日志文件数据。对于一个日志文件,每次发生事件时都会在日志文件中添加一行。我可以得到它,以便数据看起来像这样:

现在,我想做的是在时间线上查看这些数据,这样我就可以看到随着时间的推移发生了多少点击。但是,我认为我需要按时间间隔(1 分钟或 15 分钟,一天......)对这些数据进行分组,以便我可以看到有多少人在一段时间内点击。然后绘制区间数据。

有没有办法按时间间隔对数据进行分组?d3有办法做到这一点吗?我也在使用人力车和coffeescript。

0 投票
2 回答
333 浏览

javascript - 将特定格式的值推送到数组

我想动态创建一个数组,该数组的值应为

我想将整个数据动态存储到数组中。我从 json 数据中获取这些值。我希望数组采用这种格式。我怎样才能创建它?

我试过这个:

...但没有得到我想要的结果。

0 投票
2 回答
4314 浏览

r - R:rCharts 和 Shiny:人力车情节不会显示

在使用 ggplot2 获得了闪亮的基本知识后,我正在尝试 rCharts。但是,我无法显示人力车图。非常感谢任何帮助;放轻松-我只是习惯了这个;)

0 投票
0 回答
124 浏览

jquery - 鼠标悬停工具提示隐藏在容器内

我正在使用 d3 和 rickshaw.js。我创建了一个. 问题是我已经将完整的图形包装在一个宽度为 450 像素、高度为 400 像素的容器中。而且我还添加了悬停效果。
现在我面临的问题是,每当我将鼠标悬停在最后一个图形坐标上时,悬停工具提示就会隐藏在容器内,并且它不可见或部分可见。我什至在我的 CSS 中使用了 z-index。但似乎不起作用。

任何想法或建议将不胜感激。提前致谢。

0 投票
1 回答
2221 浏览

javascript - 将数据添加到空人力车图表

我正在用 RickshawJS 绘制不同的数据。但是我需要一种在用户单击#search按钮时更新图表的方法。现在它只是在旧图表下方创建一个新图表,这非常混乱。

用户进入页面并输入一些详细信息并单击按钮以绘制图表。所以理想情况下,我想从一个未显示的空图表开始,但我真的不知道如何从图表和轴中删除数据然后更新它。

我可以调用$('#chart svg').remove();图表和轴,但它看起来很乱。

0 投票
1 回答
1518 浏览

html - Nodejs + Rickshaw:src= 参考不起作用

我正在尝试制作一个应用程序来生成 Twitter 字数的“实时”图表,基本上是尝试在 24 小时内扩展和练习 NodeJS 的第 14 章。我决定使用“人力车”,我想我会从简单的例子开始。但是,虽然我可以加载一个简单的 html 页面,但我无法显示图表。Firefox 调试指示:“ReferenceError: Rickshaw is not defined [Break On This Error] graph = new Rickshaw.Graph( { " 。这意味着存在引用错误,但经过几个小时的谷歌搜索和阅读,我没有看到了。目录结构是正确的;npm 正确安装了所有模块,没有错误。任何人都可以看到我缺少什么吗?

注意:我是 JS/Node 的新手,虽然这本书在 Express 2.x 中工作,但我一直在 Express 3.x 中工作,所以不确定我是否在所有情况下都得到了正确的翻译。代码如下:

包.json

应用程序.js

索引.html

0 投票
3 回答
337 浏览

javascript - 使用 ruby​​ 在 js 文件中使用来自 localhost 的 json 数据

我正在创建一个MONGOHQ用于存储数据并使用 Sinatra 运行该应用程序的 Web 应用程序。如果我去: localhost:4578/names.json,我会得到我用于数据的所有名称的名称。但是,我在使用getJSON.jquery

该文件/names.json如下所示:

我试着做这样的事情:

但这并没有真正起作用。您对我应该如何访问 json 数据有任何其他想法吗?我可以将它保存到一个var吗?我很确定json数据不是JSONP格式,所以也许我应该把它当作AJAX

0 投票
1 回答
81 浏览

php - 无法为我的数组获取所需的模板

我想删除我使用 .php 获得的 [0] [等等],以便我可以单独使用它们并使用 RickShaw 库创建图表。

这是目前我得到的 JSON 代码:

[0] 到 [3] 是不同的行

人力车图书馆似乎是我需要的最简单的。我可以插入这样的系列:多个图表系列。谁能教我/告诉我如何更改我的数据?

我想获得这个模板(如上面发布的链接所示):

这是我的实际 .php :

十分感谢。马修