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

javascript - Rickshaw.js 图与 ajax/jsonp 添加轴

我是 javascript jQuery 和 JSON 的新手,我正在开始一个项目,我想在浏览器中做一些图表。挖掘教程和示例我想创建一个图表,其中包含一些使用 JSON 收集的数据,然后使用示例中所示的图表(添加轴...)。

所以我很确定问题是创建图表时var ajaxGraph = new Rickshaw.Graph.Ajax不会返回与var graph = new Rickshaw.Graph. Rickshaw.Class.create用于的功能var ajaxGraph = new Rickshaw.Graph.Ajax太复杂,以我目前的技能无法理解。我能以某种方式从 Rickshaw.Graph.Ajax 获得正确的图形对象吗?或者我应该尝试单独使用 JSON,然后var graph = new Rickshaw.Graph以某种方式调用?

感谢您的任何提示。

0 投票
1 回答
1265 浏览

r - 在 Shiny tabPanel 中更改人力车 rChart 的高度参数以避免滚动条

我正在构建一个小的 Shiny 应用程序,其中mainPanel包含一个tabsetPanel,其中一个选项卡是人力车 rChart。如果我没有选项卡并且只显示 rChart,一切都很好,但是当 rChart 包含在选项卡中时,选项卡总是比图表短,从而施加滚动条。

我用省略号缩写了下面的代码,以专注于重要部分:

ui.R:

服务器.R:

从哪里来rickshaw.cssrenderChart2这个 github bug来启用交互性。

所以问题是,虽然在chart$setDOES 中的高度有效,但实际的选项卡总是略短,强制滚动条(当 时仍然如此slider=FALSE)。

过去,我在选项卡式 ggplot 上遇到过类似的问题,这是通过将高度参数传递给该参数来解决的,该参数plotOutput不是showOutput.

我发现这些显然适用于 morris.js 的 修复程序,但我无法正确调整它们。

还有其他人在人力车和标签面板方面取得了更好的成功吗?我正在使用rCharts_0.4.2shiny_0.8.0开启R version 3.0.2 (2013-09-25)

0 投票
1 回答
2725 浏览

javascript - 在 Rickshaw.js 中设置 Y 轴网格密度

在此处输入图像描述

我有一个详细说明风速的图表,我希望 Y 轴上的网格每 5 (m/s) 有一个刻度。 如何设置 Y 轴网格的密度?

0 投票
0 回答
264 浏览

javascript - Rickshaw/d3.js - equally-spaced series

I have a graph made with rickshaw (line graph).

The graph is working fine but unreadable. The time(x) data for the graph is irregular.

e.g:

there are many gaps between a little series of data. sometimes big gaps, sometimes small gaps. What I try is to set a fix distance between two data points.

Last time i worked with morris.js. There was a option named parseTime which does exactly that. treating the data as an equally-spaced series. http://www.oesmith.co.uk/morris.js/lines.html

Any idea how to do that with rickshaw/d3?

Regards

0 投票
0 回答
1903 浏览

javascript - Rickshaw / d3.js 添加轴标题

有没有办法给轴添加标题?通常,具有 y 轴显示单元很有用。例如:http ://code.shutterstock.com/rickshaw/examples/y_axis.html只有数字,但在任何类型的图中,您都需要指定:%、$、km/s 等。如何做到这一点?

谢谢!

0 投票
1 回答
2332 浏览

javascript - Rickshaw:图形最大 y 轴被截断

我正在尝试使用 Rickshaw 在我们的 JS 应用程序中显示数据,但 y 轴有时会被截断:

截止 Y

我尝试了几种“显示:可见”的变体,但似乎没有任何效果。你知道如何解决这个问题吗?(即显示完整的“100 美元”)?

0 投票
3 回答
4877 浏览

d3.js - X-Axis Date Formatting in Rickshaw

I have added a datetime X-axis to my rickshaw graph:

However, it doesn't generally give me the format I want. Can I give it a specifier so the datetimes are always in a specified format (i.e. something like d3.time.format(specifier) )?

0 投票
3 回答
8924 浏览

html - 避免跨度浮动右重叠文本(CSS)

我正在使用人力车并有一个图形悬停/注释,其中颜色样本(使用 a 定义)与它们都包含在<span>其中的文本重叠。<div>

这是我的 HTML:

这是我的CSS:

正确显示在detail_swatch右上角,但会与very very ... long label. 我读过的大多数解决方案都涉及更改包含 div 的位置语句。那不是一个选择。

有什么办法可以确保detail_swatch不与文本重叠,而是扩展div它们包含的(水平)?

此代码可在 JSFiddle here上找到,它也显示了问题。

0 投票
1 回答
1469 浏览

javascript - 无法在 Coffeescript 的 Rickshaw Graph 上显示月份名称

我正在使用基于 Sinatra 的框架进行一个名为 Dashing 的项目。我的项目的一部分是使用 RickShaw Graph 创建一个图形。我的问题是我无法在 X 轴上显示月份名称和日期。我正在使用咖啡脚本来呈现这些值。这是图表的代码:

根据我从此处提供的 Rickshaw Graph API 中了解的内容:

https://github.com/shutterstock/rickshaw/blob/master/src/js/Rickshaw.Fixtures.Time.js

它说您可以指定单位名称。因此,对于这种情况,我只是出于测试原因使用“day”,但这似乎不起作用。任何帮助都会很棒。

0 投票
1 回答
1382 浏览

javascript - 将 Graphite JSON 输出数组转换为 Rickshaw Graph 兼容格式

我正在使用 Graphite Render API 将 JSON 格式的数据返回给 node.js,我想将其传递给 Rickshaw 进行绘图。我正在使用 grockets.js 通过 socket.io 将数据传递给客户端。通过使用其中一个示例传递手动数据,我已经成功地使用 socket.io 测试了 Rickshaw。我遇到的问题是 Graphite 返回的 JSON 格式不是 Rickshaw 所期望的,我不确定如何进行转换。

石墨输出如下所示:

我需要它采用这种格式:

我说这是一个对象数组对吗?任何帮助或指导将不胜感激!

谢谢!