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

d3.js - 人力车:如何翻译天数月?

我试图获取人力车图表的工具提示信息,其中数字和日期格式为欧洲大陆,西班牙语月份和西班牙语日期。

关于如何将月份名称和日期名称翻译成西班牙语以及如何实现它的任何线索?

谢谢

更新得到了这个文件。Rickshaw.Fixtures.Time.js 和 Rickshaw.Fixtures.Time.Local.js 翻译只是为了看看是否有效但没有结果,或者我不知道如何实现这些。

这个图形加载的代码。

0 投票
0 回答
482 浏览

d3.js - Rickshaw D3.js 图表中的范围突出显示(未选择)

我很难找到一种方法来突出显示特定范围并可能在人力车图表的顶部将其标记为本示例

在此处输入图像描述

有没有办法在人力车中实现这样的亮点?它对于注释一个时期而不是时间点可能非常有用。

你有什么想法我怎么能做到这一点?

0 投票
2 回答
2449 浏览

html - 防止浏览器在分页符周围移动 SVG 元素

我正在使用基于 SVG 的图表制作仪表板。当我打印页面时,图表会四处移动以防止在其中发生分页符。这是不可取的,并且会破坏我的布局,但我无法弄清楚是什么原因造成的。

例子:

  1. 普朗克
  2. 弹出预览
  3. 打印(只看预览,实际上不必打印)

结果:每页 2 个完整的框,边距不均匀

预期:每页 2.5 个盒子,边距均匀

任何帮助将不胜感激

编辑:这是我正在谈论的画廊。显然这个问题不会影响所有浏览器/操作系统?

0 投票
1 回答
144 浏览

javascript - 从 Rickshaw 中使用的 javascript 调用 Rails Table

我试图以这里的文件为例:https ://github.com/shutterstock/rickshaw/blob/master/examples/multi.html 。

我的目标是不使用随机生成的数据,而是使用我的 rails 应用程序中现有表中的数据。特别是,如果我有代码:

我希望使用类似的东西

但这行不通。有人可以向我指出一些利用现有 rails 表而不是将系列硬编码到图表中的人力车示例代码吗?另外,如果我问这个问题表明我对 Rails 没有一些基础知识,请告诉我,因为我仍在学习并想尽可能多地理解。

谢谢!

0 投票
0 回答
196 浏览

javascript - rickshaw - 如何使图表自动调整大小以适合容器?

我正在使用人力车在我的应用程序中绘制一些实时数据。我遇到的问题是我可用于显示图表的空间会随时间变化 - 当满足某些条件时,容器会变大/变小。因此,我需要手动调整图表的大小(使用额外的代码)。

当未手动指定尺寸时,我之前使用的另一个图表库(highcharts)默认“调整大小以适合其父级”。

有没有办法在人力车上做类似的事情?如果没有,我如何自己实现类似的东西?

0 投票
2 回答
831 浏览

javascript - 使用 zurb 基础自动调整 ajax 图表 rickshaw.js

我也无法调整图表大小。我正在使用人力车和 zurb 基础,我需要自动调整 ajax 图表,它将在面板容器中调整大小,如下所示:

如果使用非 ajax 图表,不使用 zurb 的自动调整大小适用于来源中的示例:

https://github.com/shutterstock/rickshaw/blob/master/examples/resize.html

0 投票
1 回答
756 浏览

javascript - 人力车辅助 Y 轴(使用导轨)

我正在尝试(与 Rickshaw 一起)用我自己的数据集创建类似于http://code.shutterstock.com/rickshaw/examples/scaled.html的东西。我只是稍微修改了代码以匹配我的数据集,但由于某种原因我遇到了问题。

  • 我有两个折线图,它们都在不同的 y 轴刻度上(一组 y 值始终在 0 和 1 之间,另一组可以在 1 和 3k 之间变化,所以我想使用辅助轴)。
  • 图片没有显示辅助 Y 轴,尽管从绘制的两条线的外观来看,辅助轴正在实施。

人力车图

这是我的代码(注意:element: document.getElementById('axis0')预定义的 css 弄乱了我当前的格式,所以我注释掉了那条线。前后评论都没有显示辅助轴)

0 投票
1 回答
124 浏览

graph - 人力车上的奇怪值

我使用 RickShaw 创建一些图表,唯一的问题是第二个 Y 轴的值,正如您在小提琴上看到的那样:http: //jsfiddle.net/tWXzL/419/

我在 [0,50] 之间放了一个比例

但第二个刻度 1 显示的值介于 0 和 1 之间,而不是介于 0 和 50 之间。

也许我不明白它是如何工作的,但是对于第一个比例它可以完美地工作,那么为什么第二个比例不起作用?

0 投票
2 回答
876 浏览

scale - javascript人力车图自动缩放

我正在用人力车图绘制,在 y 轴上,我需要正确缩放它。

我可以做这样的事情:

但我希望它可以在 y 轴上自动缩放,而不是这里的硬编码“min”和“max”。有人有一个简单的例子吗?谢谢

0 投票
1 回答
823 浏览

javascript - Rickshaw javascript 库:x 轴的字符串

我有一个数组如下:

等等。总共 50 个对象,每个对象都有 x 和 y 值。该数组应用于使用此人力车库绘制图表:http: //code.shutterstock.com/rickshaw/

正如您在上面看到的,x 轴应该以字符串格式显示时间戳。一切看起来都很好,但我收到一条错误消息:Uncaught x and y properties of points should be numbers instead of string and number

有谁知道,我必须如何调整人力车库以在图表的 x 轴上显示时间戳(字符串)?

更新 A: 尝试在 rickshaw 库中解决问题 正如这里所建议的(Rickshaw - js 图表库:需要字符串而不是轴上的数字),也可以添加一个涵盖字符串格式的函数。但我不知道如何完成这个适用于我的项目的格式化程序。