问题标签 [graphael]

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 投票
4 回答
4618 浏览

javascript - 在gRaphael中将x轴和y轴添加到条形图?

我想使用gRaphael javascript 库创建一个条形图。gRaphael 是否支持标记轴?

0 投票
0 回答
681 浏览

hover - gRaphael折线图中的点悬停区域偏移

我正在尝试使用 gRaphael 获得悬停效果,以针对折线图上的点显示信息。我有一个基本版本在这里工作http://www.matthewhollings.co.uk/svg/raphael-line-test.html但似乎有一个偏移量,当两条线接近时悬停响应的点一起。有谁知道我该如何解决这个问题,以便在鼠标指针最接近时每个点都会响应?

此外,我正在尝试使折线图看起来更像 raphael 网站上的折线图,其中悬停标志包含点的 x 和 y 值,并沿路径设置动画。任何帮助将不胜感激!

非常感谢,
马特

0 投票
2 回答
2703 浏览

javascript - gRaphael Js:我在哪里可以找到制作数据图表(饼图、条形图等)的教程

在哪里可以找到使用 gRaphael 在 Web 上生成数据表示的教程?似乎没有在线文档。

非常感谢

0 投票
6 回答
15211 浏览

raphael - 带有文本 x 轴的图形条形图

我想知道如何制作一个简单的条形图,它可能以天为 x 轴,值为“今天”和“昨天”,y 轴可能为“时间”,对应值为“1”和“2” '。我想我对如何将文本设置为 x 轴的值、如何显示 y 轴以及 rgaxis 究竟做了什么感到困惑……(我找到了一个使用示例axis = r.g.axis(0,300,400,0,500,8,2),我只知道它是xpos, ypos, width, ??, ?? num ticks, ??)。任何见解都会很棒!或具有更全功能条形图示例(标签等)的页面。谢谢。

0 投票
2 回答
1845 浏览

jquery - 如何使用 g.raphael 或 jquery svg 创建具有两种不同比例的折线图?

我需要在 javascript 中绘制类似于http://www.fordscorpio.co.uk/flatspot.htm的图表的扭矩曲线。最好使用 g.raphael。欢迎任何建议。谢谢!

0 投票
3 回答
4790 浏览

javascript - g.raphael.js 对饼图的渐变效果

我使用 raphael.js 在我的网站上绘制我的图像/图表,但我无法在我的饼图上实现渐变效果。

我这样称呼它:

我在文档中阅读了渐变效果是可能的,就像在一些示例中显示的那样。

我试过:{colors: ["r#fff-#ccc","r#fff-#ccc","r#fff-#ccc"]} 或 {gradients : ["r#fff-#ccc"," r#fff-#ccc","r#fff-#ccc"} 但徒劳无功..

有人试过吗?

多谢!

0 投票
1 回答
529 浏览

line - 向现有折线图添加线

似乎没有很多关于 graphael 的文档可用,所以我在这里询问是否有人尝试过。是否可以在已经存在的折线图(rglinechart)中添加一条线?如果,我将如何去做呢?

非常感谢,马克斯

0 投票
1 回答
1368 浏览

javascript - gRaphael 数据中的点图未在 Rails 应用程序中显示

我是 gRaphael 的新手,而不是能够取消选择源代码的铁杆 JS 开发人员,而且关于如何正确使用它的文档似乎为零。

我很想在我的应用程序上启动并运行点图,但对 x 和 y 值如何在图表画布上绘制点感到困惑。

我一直在使用http://g.raphaeljs.com/dotchart.html上的演示作为图表的基础。但是,当我修改数据集时,我会丢失图表中的所有点。

我不认为我理解画布中的点与 x 和 y 之间的关系。

有人可以告诉我如何在下面的代码中包含我从数据库返回的数据吗?

返回的数据是一个包含 23 个元素的数组,范围从 8 到 56。

像这样的输出:


Frederico,你能解释一下为什么这个图表在屏幕上什么都没有显示吗?如果你的解释成立,那么 23 个数据点中的每一个都应该在画布上的一条连续线上表示:

但什么都没有显示。这是我的数据遇到的问题,它与这个硬编码脚本中的数据大致对齐。那么,您认为如何正确显示原始输出中的数据(请参阅问题)?

0 投票
2 回答
2559 浏览

raphael - g.raphael 条形图,带有可点击的条形图

我想让堆叠条形图的每个部分(在我的情况下是水平的)可点击到特定的超链接(基本上是“向下钻取”)。我不认为这个功能在 g.bar.js 中,但是有没有人这样做或者可以指出我正确的方向?在点图上也很有用。

0 投票
3 回答
1682 浏览

raphael - gRaphael:如何增加条形图中条形之间的间距

我使用 gRaphael 图表库创建了一个水平条形图。我想增加条之间的间距。有没有办法做到这一点?