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

javascript - 将数据点动态添加到人力车图

所以我正在使用Rickshaw图形库,我想知道如何动态地将点添加到图形中。

我有一个像这样实例化的图:

我有数据通过 socket.io 进来,如下所示:

我想知道如何将这三个点附加到图表中。我找不到这个库的任何好的文档。我知道它建立在 之上d3.js,但我不确定如何将这些方法合并到我的图表中。

任何帮助,将不胜感激。

0 投票
3 回答
6220 浏览

javascript - 如何在人力车中将 y 轴设置为固定范围?

我的数据大部分值都在 41-44 范围内,但偶尔会有 150-350 的峰值,因此 y 轴自动缩放到 0-350,图表根本不可读。

如何设置 y 轴的固定最小值和最大值?我知道有些值会“高于”图表,但这不是问题。

这是我的图表

编辑:或者我想在这个图表中启用放大,这会更好,知道怎么做吗?

EDIT2:或者你可以建议其他简单的图表库,启用/禁用线条、缩放和平移?

0 投票
2 回答
854 浏览

php - 人力车:多个系列的数据不起作用

我正在尝试使用Rickshaw创建一些图表,并使用 php 中生成的 ajax 导入数据。

如果我使用静态数据,图表会显示;如果我复制/粘贴 php 中生成的数据(来自控制台/log()),图表将显示;如果我尝试将数据放入一个变量中,并在 js 中使用该变量,它就不起作用。:(

这是我从 .php 获得的控制台日志:(正如我所说,如果我将该代码块复制粘贴到 .js 中,替换为“dataOutEvo”var,则该图将按应有的方式显示。所以,我不不要认为数据是问题所在。

这是出现问题的js:

谁能告诉我出了什么问题?谢谢 :) 马修


我现在问自己是否不应该采用另一种方式,使用这个:

和这个 :

但它仍然无法正常工作......有没有人可以帮助我并告诉我我做错了什么?

0 投票
2 回答
959 浏览

json - 无法在我的人力车图表上显示轴

我正在尝试在我的图表中显示 x 轴和 y 轴。我正在使用 JSON 作为数据。

这是我的以下代码:

谁能帮助我并告诉我该怎么做?我有数字作为 x 和 y 数据(不是单词)

0 投票
2 回答
1026 浏览

javascript - CoffeeScript:扩展超级方法,如 Rickshaw Prototype 示例

我正在玩奇妙的Rickshaw库,它使用Prototype 的基于类的 OOP 系统。这包括extend允许子类扩展父类中的方法的方法,如下所示:

父类

子类

我试图在 CoffeeScript 中找到执行相同操作的语法,以便 CoffeeScript 处理类继承而不是原型。你能帮我吗?

编辑

感谢@tomahaug 的回答,我得到了这个工作,我现在意识到有更好的方法。While$super是 Prototype 功能,extend实际上在PrototypeRickshaw顶级对象中都定义了,如下所示:

因此,利用这种方法,解决方案如下所示:

所以唯一可以改进的方法是,如果它以某种方式内置在 CoffeeScript 中。

0 投票
1 回答
420 浏览

javascript - $super 不是 Rickshaw JS 中的函数错误

我正在使用 requirej 加载所有 Rickshaw js 文件,这样:

当我加载页面时,我收到此错误:

类型错误:$super 不是函数

0 投票
1 回答
1818 浏览

javascript - 如何显示不连续的折线图

我需要一个 javascript 库,我可以在其中非常轻松地以折线图的形式显示二维数据。我需要显示不连续的线条。我看过一些图书馆,但他们做的比我想要的要多得多。我试过人力车,但它只接受一个系列。

假设我有这些数据:

];

在这里,我希望round_1_2基本上从第二个刻度开始。我已经将这些数据与nvd3'stackedmultibarcharts 一起使用,但我需要以折线图/时间序列的形式表示它。

0 投票
4 回答
8215 浏览

javascript - 如何在 Rickshaw 的 X 轴上绘制日期

我有一组日期数据。我应该提供 X 轴值什么值?如何让 Rickshaw 将 X 数据值显示为日期?

我查看了文档和示例,但找不到任何东西。

0 投票
0 回答
94 浏览

javascript - 从 json 创建有效的 javascript 对象

如果我有一些看起来像这样的 json:

如何创建一个使用标识符而不是引用字符串作为键的 javascript 对象,如下所示:

不确定这是否重要,但对于上下文,我正在使用 python 处理一些数据,然后将其序列化json.dumps(..)并将结果json.dumps(..)作为上下文变量传递给 Django html 模板。然后我想使用 Rickshaw ( http://code.shutterstock.com/rickshaw/ ) 绘制数据。我还没有处理将时间转换为纪元的问题。

0 投票
1 回答
636 浏览

javascript - Rickshaw RangeSlider - 默认放大

我正在查看一个简单的人力车图表,其中包含来自 JSON 文件的数据。

我想graph在它被渲染之后访问它。由于图形是在回调函数中创建的,因此我不能简单地返回句柄。也 document.getElementById(chart_id)没有图表属性。

例如,我的目标是允许用户同时为多个图表指定某个范围(例如过去 5 年),而无需为每个图表调整 RangeSlider。通过访问图表,我可以做到

有任何想法吗?