问题标签 [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 投票
2 回答
490 浏览

raphael - raphael newbie:弹窗背景在跳跃

我尝试了以下代码 -

它在 raphael 示例页面中运行良好 - http://g.raphaeljs.com/barchart2.html

但在我的页面中,工具提示黑色背景是“跳跃”每个鼠标。[工具提示文本保持在正确的 x,y]

我使用了错误的库吗?我如何解决它?

0 投票
4 回答
1180 浏览

javascript - gRaphael 折线图绘制轴以外的值

当使用 gRaphael 沿 x 轴以毫秒为单位绘制折线图时,我通常会在数据点的位置上出现不一致。最常见的初始数据点位于 y 轴的左侧(如下面的小提琴所示),有时最后一个数据点将超出视图框的右侧/超过 x 轴的终止.

有谁知道:1)为什么会发生这种情况,2)如何防止它,和/或 3)如何检查它(如果我知道它何时发生/多少,我可以使用变换来移动线/点) .

我的代码:

我必须使用 gRaphael 并且 x 轴必须以毫秒为单位(稍后标记为带有自定义日期字符串)

主要示例小提琴:http: //jsfiddle.net/kcar/aNJxf/

次要示例小提琴(页面上的第 4 个示例经常显示两个轴错误):http: //jsfiddle.net/kcar/saBnT/

根本原因是 snapEnds 函数(第 718 行 g.raphael.js),它所做的舍入虽然在某些情况下很好,但在其他情况下是从日期添加或减去年份。

在这一点之后还没有一直走下去,但是由于每次舍入变得疯狂时数据点都放错了位置,而不是当它没有时,我将继续并假设这会导致计算图表列出现问题,在被发送到 snapEnds 之前,这些值也只是为了确认它不仅仅是接收到错误计算的数据。

该函数的代码来自 g.raphael.js

0 投票
1 回答
306 浏览

charts - ExtJS/Raphael 可以使用十字准线散点图吗?

我想创建一个散点图并使用十字准线,如下所示:

在此处输入图像描述

是否可以将y轴向右移动?

0 投票
0 回答
1309 浏览

jquery - 如何避免Rapahel js路径重叠

我有一个基于 Raphael js 的流程图。它与http://raphaeljs.com/graffle.html相同。但是,由于我有许多矩形 Raphael 框,并且我的线路径是直线而不是弯曲的,如上例所示。在这种直线类型中,这些线有时会重叠,因此很难分辨哪条线连接了哪些框。

请让我知道我是否可以实现这一目标以及如何实现。

更新:附上我当前的流程图 jpeg。正如您所看到的,连接线穿过拉斐尔形状,而且很难分辨线从哪里开始。 在此处输入图像描述

0 投票
2 回答
349 浏览

hover - 请向我推荐一个使用 graphael 的 dotchart 悬停功能示例

我正在尝试使用 gRaphael 创建一个点图(气泡图)。但是他们的文档并不清楚当用户悬停在点上时如何添加悬停效果。任何人都可以建议我一些例子或提供一些相同的帮助提示。提前谢谢。

0 投票
1 回答
253 浏览

jquery - gRaphael:如何避免 barchart() 之间的空格

是否有任何选项可以避免 Raphaël 条形图之间的空格?

有一个管理栏空间的选项,不幸gutter的是选项会影响栏的宽度。遗憾的是我没有足够的积分来上传图片:(

这是我的代码

演示 -小提琴

任何帮助非常感谢

0 投票
1 回答
171 浏览

javascript - 如何增加折线图的线宽?

是否有任何选项可用于增加折线图的线宽?我试图改变stroke,但这似乎没有任何影响。

以下是折线图的初始化方式:

0 投票
2 回答
841 浏览

svg - raphael:在标签内显示 HTML 实体

我想将 HTML 实体添加到 raphael 标记,但我看到文本 deg 而不是度数符号 -

我怎么能逃脱它?

我不确定哪种语言实际显示此文本,HTML、JavaScript 或 SVG ...

在此处输入图像描述

0 投票
1 回答
218 浏览

javascript - 拉斐尔在同一页面上的多个图表

我正在使用至少两个拉斐尔图表创建一个网页。

任何帮助将不胜感激。我希望我已经适当地解释了这个问题。

0 投票
1 回答
337 浏览

javascript - 在 SVG-edit 中集成 Raphael 库。兼容性问题?

是否可以在 SVG-edit 中使用像这样的 Raphael 库:https ://github.com/poilu/raphael-boolean ,它使用纯 SVG?:

SVG 编辑网站:https ://code.google.com/p/svg-edit/

我曾尝试将他们俩结婚,但我猜他们不会返回相同的路径字符串,以便我可以以干净的方式使用 raphael 库。它们是否兼容?