问题标签 [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 - 人力车图表将刻度旋转 -90 度
我正在为仪表板项目尝试 Dashing 框架,并且正在尝试使用 rickshaw.js 为仪表板绘制图形。我已经自定义了标签,所以它们正是我想要的,但不幸的是,文本似乎堆叠在一起。我一直在尝试像我在这里找到的那样使用 tickTransformation ,但它似乎不起作用。这是我目前拥有的(注意这是coffeescript,而不是javascript。
它最终看起来像这样:
rickshaw - [giraffe][rickshaw] How to dynamically scaly Y axis on positive and negative sides
I am using Giraffe (https://github.com/kenhub/giraffe) to draw some graphs based on some graphite metrics.
The values for one of the graphs can go positive as well as negative. I do not want to set explicit scale for the graph using "min" and "max". Is there a way that the graph can dynamically scale and display the negative values as well?
Currently, the graph scales dynamically on the positive y axis but the values on negative y axis are not displayed.
Thanks!
d3.js - 多次调用 xively.feed.history()
我正在尝试构建一个绘图网页,该网页从多个 xively 提要中获取数据并使用Rickshaw(基于D3)绘制它们。我遇到的问题是我无法访问从调用函数之外的服务器返回的数据。我是 js 新手,所以我不确定如何处理调用的异步性质。我想调用xively.feed.history()
来获取历史数据的各个部分,并将它们连接到一个图表上。无论如何,这与我尝试过的类似。它基于xively 教程
正如我所说,我是 javascript 的新手,所以也许我遗漏了一些东西。如果将图形放在函数的回调部分内,则该图形可以正常xively.feed.history
工作。如果我尝试多次调用该函数,那么在图形代码运行时数据还没有准备好。
coffeescript - 人力车堆叠多图
我正在使用这个多图 Dashing 小部件。它工作正常,但它只使用两个数据系列,我想再添加一个。我已将 .coffee 文件修改为
但是,当我运行 dashing 时,它什么也没有显示(甚至我的其他小部件也不显示)。这只是一个空白屏幕。谁能告诉我这里发生了什么?
编辑:
我已经更多地隔离了这个问题。似乎一切正常,直到我在中添加第三个数据系列series:
似乎是这导致它不起作用。
d3.js - 人力车日志比例图和滑块缩放
我一直试图了解 Rickshaw/D3 中的滑块如何与图形的缩放交互。似乎当我将两者一起用于显示滑块选择的数据子集的动态图时,对数比例不正确。有什么我做的不对吗?这是一个jsfiddle,代码的一个子集在这里。
用于初始化图形的 HTML:
并且 javascript 的一个子集是
charts - 如何将水平中断应用于 d3.js 条形图
我正在使用 Rickshaw(基于 d3.js)绘制堆积条形图。问题是第一个条通常比其他条高得多,破坏了视觉反馈。
使用对数刻度(我猜)在这里不是一个选项,因为这样一来,条形图中的堆栈之间的比例就会被打破。我想引入如下图所示的水平中断:
但是,我找不到 Rickshaw 或 d3.js 的任何开箱即用功能来执行此类操作。关于如何制作一个的任何建议?
javascript - 使用 Rickshaw.Graph.Ajax 时如何显示数据
1.) 如何使用新的 Rickshaw.Graph.Ajax 访问数据?我的完整代码如下,包括通过 AJAX 调用的 JSON 示例集:
//JSON 样本
2.) 我应该如何知道何时使用 .render() 方法?我已经看到在某些图表上使用了这种示例,而在其他图表上则没有。我已经阅读了 Rickshaw/github 文档,解释说您可以使用它来绘制或重绘图形,但是,我已经看到其他示例显示不使用此方法。
javascript - javascript 人力车条形图宽度=NaN
我正在尝试使用一组非常基本的数据绘制人力车条形图,由于某种原因,当我创建自己的系列数组(颜色:字符串,数据:[{}] 和名称:字符串)时,我收到此错误:
错误:属性 width="NaN" 的值无效
如果我查看为图表的每个条形创建的元素,它们确实具有 width=NaN:
谢谢。
javascript - 如何将默认预览宽度设置为 Rickshaw.Graph.RangeSlider
我是 Rickshaw JS 工具包的新手。在 http://code.shutterstock.com/rickshaw/examples/extensions.html的示例中,用于选择时间范围的图表底部的预览栏 (Rickshaw.Graph.RangeSlider) 默认为总时间可用框架。
如何将默认预览自定义为 RangeSlider 的最后一分钟和最小预览宽度?
提前致谢。
d3.js - 如何在人力车的时间轴中包含今天
如果有的话,我会在 Rickshaw 的文档中查找。可以?
我希望我的时间轴包含当前日期,即使那里没有一点。我已经通过复制最后一个数据点来解决这个问题,但如果该点没有显示为悬停荧光笔中的一个点,我会更喜欢。也许这是我可以以不同的方式覆盖的东西?
说到点,即使我使用的是区域渲染器,我也能得到它来绘制点吗?