问题标签 [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 回答
913 浏览

raphael - Raphael JS 3D 效果投影

我正在尝试制作一个相当复杂的 Raphael JS 甜甜圈图。

我遇到了几个问题,其中一个是 3D 效果,我打算通过添加 7 个阴影(发光)或甜甜圈副本来解决这个问题,以模拟形状的 7px 厚度。

我怎么能以最好的方式做到这一点?先感谢您...

0 投票
2 回答
2920 浏览

raphael - 有没有办法将网格线添加到 gRaphael 折线图?

我有一个用 gRaphael 创建的折线图。它有轴和刻度线,但我想要网格线。是否有内置的方法来实现这一点或可以帮助我的附加库?

0 投票
1 回答
1935 浏览

linechart - gRaphael 库 - 具有多行、单独工具提示的折线图

我在这里有一个折线图:http: //jsbin.com/ugexag/1

您可以在 jsbin 中看到,当您将鼠标悬停在一个“列”上时,每行的数据都会通过 hoverColumn() 函数显示在工具提示中。我很想找到一种方法让工具提示仅在单个数据点悬停时出现。我在 gRaphael 文档中没有看到任何关于此的内容。

0 投票
1 回答
934 浏览

javascript - gRaphael - 动画折线图失败

我遇到了 gRaphael javascript 折线图库的问题。

我正在从一个包含五列(分钟数、时间、等待时间、治疗中、关闭、位置)的 CSV 文件构建折线图。

以前我已经能够在没有动画的情况下绘制完整的图表。它正确地具有所有四行等。

现在我的代码在动画功能上失败了。这是错误:

未捕获的类型错误:对象 # 没有方法“动画”

我认为 jQuery 在某种程度上弄乱了动画功能,并试图控制它。

完整代码:

http://pastebin.com/YmvkrmQ3

我按顺序加载了以下库:

  1. raphael-min.js
  2. g.raphael-min.js
  3. g.line.min.js
  4. jQuery.js

提前感谢您的帮助。

更新: 问题出在动画方法中。即使我在路径元素上调用该方法,我也会收到错误消息。我仍然不知道为什么 Raphael 不将路径元素识别为路径元素。

我尝试禁用 jQuery(并用香草 javascript 替换它的 ajax 函数),但它没有帮助。

0 投票
3 回答
2104 浏览

javascript - 更改 Raphael“标签”的背景颜色

如果我使用 Raphael 创建一个Label,默认样式是带有白色文本的黑色块。

如何更改背景框颜色,而不是文本颜色?我试过了:

但这也填充了文本,我最终得到了不可见的文本。

我也不能简单地更改此函数中的默认颜色,因为我需要有几个不同的颜色,具体取决于它添加到的行:

在此处输入图像描述

0 投票
1 回答
237 浏览

graphael - gRaphael barchart:限制条形图的数量和排序值

我可以有一个条形图,限制条形图,例如 gRaphael 饼图只接受 10 个扇区,其余的为“其他”,不到总数的 10%。同样的方式,gRaphael 条形图只有 10 个条形,剩下的到“其他”?

谢谢, Mythyili

0 投票
0 回答
143 浏览

javascript - XY scaling on graphael horizontal barcharts

I want my x axis to have a max (say 100)and scale the actual x values accordingly, so that the chart always has the same proportions, rather than the proportions being relative to the min and max value supplied in graphael horizontal barchart

0 投票
3 回答
548 浏览

jquery - 我正在使用类名和动画找到 Raphael 对象,但根本不起作用

我有 2 个圆圈,单击大圆圈我正在使用类名找到小圆圈并尝试为小圆圈设置动画,但根本不起作用。

但是fadeId,fadeOut 属性正在工作。

我的功能:

​</p>

jsfiddle在这里

0 投票
2 回答
629 浏览

javascript - gRaphael 弹出位置

据我所见,gRaphael 仅支持 4 个位置来放置弹出窗口,、up和,通常这已经足够了,但我的折线图空间有限,因此弹出窗口在 SVG 内部被切断。我的问题是,如何将弹出窗口放置在(右上角)、(左上角)、(右下角)或(左下角)位置?downleftrightup rightup leftdown rightdown left

0 投票
2 回答
1093 浏览

javascript - 使用 RaphaelJS 与两个动画同步时间

使用 RaphaelJS,我改编了几个脚本来创建两个我想要组合的动画:

  1. 首先,绘制虚线坐标http://jsfiddle.net/jbirthler/CvhKx/2/

    并且,在到达坐标http://jsfiddle.net/jbirthler/KqjHh/1/时,在路径上缓和动画圈

    /li>

当虚线路径到达它们的坐标时,我想让圆圈动画。如果我能获得使用缓动的虚线路径,那将是一个加号,但大多数情况下,我只是希望将两者合二为一。

我能够比编写自己的脚本更好地阅读 javascript,但是如果有人对如何分解虚线脚本和代码所采取的步骤有任何见解,那对我来说将是非常有益的。

我关于堆栈溢出的第一篇文章(是的,是时候了)希望我足够具体!