问题标签 [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.
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
以某种方式调用?
感谢您的任何提示。
r - 在 Shiny tabPanel 中更改人力车 rChart 的高度参数以避免滚动条
我正在构建一个小的 Shiny 应用程序,其中mainPanel
包含一个tabsetPanel
,其中一个选项卡是人力车 rChart。如果我没有选项卡并且只显示 rChart,一切都很好,但是当 rChart 包含在选项卡中时,选项卡总是比图表短,从而施加滚动条。
我用省略号缩写了下面的代码,以专注于重要部分:
ui.R:
服务器.R:
从哪里来rickshaw.css
,renderChart2
从这个 github bug来启用交互性。
所以问题是,虽然在chart$set
DOES 中的高度有效,但实际的选项卡总是略短,强制滚动条(当 时仍然如此slider=FALSE
)。
过去,我在选项卡式 ggplot 上遇到过类似的问题,这是通过将高度参数传递给该参数来解决的,该参数plotOutput
不是showOutput
.
我发现这些显然适用于 morris.js 的 修复程序,但我无法正确调整它们。
还有其他人在人力车和标签面板方面取得了更好的成功吗?我正在使用rCharts_0.4.2
并shiny_0.8.0
开启R version 3.0.2 (2013-09-25)
javascript - 在 Rickshaw.js 中设置 Y 轴网格密度
我有一个详细说明风速的图表,我希望 Y 轴上的网格每 5 (m/s) 有一个刻度。 如何设置 Y 轴网格的密度?
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
javascript - Rickshaw / d3.js 添加轴标题
有没有办法给轴添加标题?通常,具有 y 轴显示单元很有用。例如:http ://code.shutterstock.com/rickshaw/examples/y_axis.html只有数字,但在任何类型的图中,您都需要指定:%、$、km/s 等。如何做到这一点?
谢谢!
javascript - Rickshaw:图形最大 y 轴被截断
我正在尝试使用 Rickshaw 在我们的 JS 应用程序中显示数据,但 y 轴有时会被截断:
我尝试了几种“显示:可见”的变体,但似乎没有任何效果。你知道如何解决这个问题吗?(即显示完整的“100 美元”)?
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) )?
html - 避免跨度浮动右重叠文本(CSS)
我正在使用人力车并有一个图形悬停/注释,其中颜色样本(使用 a 定义)与它们都包含在<span>
其中的文本重叠。<div>
这是我的 HTML:
这是我的CSS:
正确显示在detail_swatch
右上角,但会与very very ... long label
. 我读过的大多数解决方案都涉及更改包含 div 的位置语句。那不是一个选择。
有什么办法可以确保detail_swatch
不与文本重叠,而是扩展div
它们包含的(水平)?
此代码可在 JSFiddle here上找到,它也显示了问题。
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”,但这似乎不起作用。任何帮助都会很棒。
javascript - 将 Graphite JSON 输出数组转换为 Rickshaw Graph 兼容格式
我正在使用 Graphite Render API 将 JSON 格式的数据返回给 node.js,我想将其传递给 Rickshaw 进行绘图。我正在使用 grockets.js 通过 socket.io 将数据传递给客户端。通过使用其中一个示例传递手动数据,我已经成功地使用 socket.io 测试了 Rickshaw。我遇到的问题是 Graphite 返回的 JSON 格式不是 Rickshaw 所期望的,我不确定如何进行转换。
石墨输出如下所示:
我需要它采用这种格式:
我说这是一个对象数组对吗?任何帮助或指导将不胜感激!
谢谢!