问题标签 [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.
css - 如何在散点图上方添加标签?
我正在使用人力车库开发一个图表。是否有任何选项可以在散点图外部创建标签,标签位于气泡上方,就像在这个例子中使用 d3.js 完成的一样?这是我在 jsFiddle 上的尝试。
d3.js - 使用折线图和人力车的过渡
我正在尝试使用 Rickshaw 的漂亮图表框架向折线图添加过渡。我是 d3 的新手,但似乎我需要添加一条直线,然后转换到 Rickshaw.Graph.Renderer 上的渲染函数中的图形数据
我的问题是,有什么东西可以帮助我的折线图添加一些动画——也许是从平线过渡——或者从左到右画线。
我已经看到了原始 d3 的示例,但适应人力车似乎很难 - 或者我可能从错误的角度击中它。
javascript - 实时更新人力车图
我正在尝试使用 Rickshaw 创建一个很好的占位符图表,显示随机数据的实时更新,如下所示:
这有效,除了注释掉的部分。事实上,它不断添加数据,这意味着图表变得越来越拥挤。我希望每次在末尾添加一个新项目时都能够删除第一个项目,以保持图形具有相同数量的数据点,但是当我将该代码快速放入其中时会导致图形不显示任何数据,即使console.log
显示数组仍然充满数据。
我怎样才能使这项工作,以便我一次只显示固定数量的数据点?
javascript - 减少鼠标悬停区域的任何选项
我正在研究d3。我面临的问题是,每当我将鼠标指针放在图形内时,它都会立即显示悬停细节。但问题是,只有当鼠标指针正好在数据点或图形点上方时,我才需要显示悬停细节。我正在工作的图表是http://code.shutterstock.com/rickshaw/examples/lines.html。任何帮助将不胜感激,以减少鼠标悬停区域的大小。
javascript - 工具提示隐藏在容器中
我在 d3 图书馆和人力车工作。在我的图表中,我有一个工具提示,当悬停在图表栏时会显示。问题是,当最后一个栏悬停时,它会隐藏在容器中。它隐藏在容器中。只有部分工具提示变得可见。有什么方法可以修复它,或者是否需要在 CSS 中进行任何更改。这是我的代码:
我想要做的图表是这样的http://code.shutterstock.com/rickshaw/examples/lines.html。但我把它放在一个容器里,所以最后一个工具提示被隐藏在容器内。
jquery - 人力车流图垂直未对齐
人力车流图(offset:wiggle
模式中的面积图)在大型数据集上看起来很棒,但对于较小的数据集,它往往会偏离其中心水平轴。任何想法为什么会这样,或者如何防止它?
例子:
演示:http: //jsfiddle.net/xDZZJ/
javascript - D3 中的过滤选项
我正在研究 D3(人力车框架),我必须使用名称过滤数据。
这是人力车用于创建圆圈的代码。
我试图过滤数据,如
//series.name 等于 d3.js 中的 d.name,所以 series[0] 是第一个坐标名称它不起作用。我需要在课堂上附加任何课程吗?我不清楚这一点。我应该怎么做才能根据名称过滤数据?
javascript - 单击下拉按钮时使图形区域缩小的任何选项
我正在使用 d3 以及 rickshaw.js。我在一个容器中制作了图表和图例。因此,当单击图例下拉菜单时,它会向下滑动。当下拉菜单向下滑动时,我正在尝试缩小图形区域。以及当下拉菜单向上滑动时,图表必须恢复其原始结构。任何帮助或建议。正如我什至尝试使用示例一样,我已经摆弄了它。似乎不起作用。http://jsfiddle.net/YrhF3/1/ 。提前致谢
这是我摆弄的代码:
javascript - 如何在 Rickshaw / D3 中设置 x 轴的最小值/最大值?
我想显示“今天”的基于时间的数据的线性图。中午时,只有一半的图表会被填充,因为系列不包含更多数据。如何让人力车显示完整的图表,而不仅仅是显示现有数据的时间范围?
jquery - 在 Svg:rect - d3.js 前后添加空格
当满足特定条件时,我将额外的 svg:rect 添加到条形图中。它起作用了,并且出现了线条。但它出现在酒吧旁边。所以我需要在那个额外的矩形之前和之后有一些空间。
此代码不起作用。我添加了填充权。还在单独的 css 文件中向 xLine 类添加了相同的功能。但它仍然无法正常工作。我应该在这里做什么?
这是我要附加的额外矩形的代码