问题标签 [graphael]

几周以来，我一直在使用gRaphaël图表，但时不时会遇到一些奇怪的问题。一个反复出现的主题是饼图图例标签都在错误的地方挤在一起。图片 > 文字：

图表按照您的预期创建，在本例中：

然后我做一些更基本的造型，但关闭它并没有帮助。问题在<svg>节点中清晰可见（文本和圆形节点共享重叠位置），但我不知道它来自哪里或为什么，它只是有时会发生；其他图表工作得很好。论坛或问题跟踪器上也没有任何内容，尽管我刚刚意识到我可能也应该在那里问。

使用Raphaël 2.1.0和g.Raphael 0.51。

我有一个 gRaphael 折线图，我使用下面的函数在点击时更新，我遇到的问题是当我尝试设置列值时，它没有生效。像这样...

我创建了一个初始图形并创建了折线图，然后我使用该animateChart函数将折线图设置为动画/更新为它的新值，我遇到的问题是在悬停时，animateChart函数运行后值保持不变，所以我坚持使用图表的初始值，这并不理想，因为我必须让列值更新为我指定的新值。

所以基本上，当我动画/更新折线图时如何更新列值？

我有点走投无路了……谢谢。

下面我发布了一些代码和评论，用于制作带有标签悬停效果的简单 gRaphael 折线图（包含的脚本文件可以在http://raphaeljs.com和http://g.raphaeljs.com找到）。该代码按应有的方式工作（因此对于其他从 gRaphael 线图开始的人来说是一个很好的例子），但我有一个关于标记函数的文本参数的问题/请求：

照原样，标签将在当前列显示每个点的 Y 值（this.values[i]），但我希望同时显示 X 值和 Y 值（X，Y）。我敢肯定这很简单，但到目前为止我还无法弄清楚如何去做。添加逗号和空格没问题，只是', ' + this.values[i]，但我不知道如何处理 X 值。this.attr("x")是我到目前为止最接近的，但那是纸上的 X 坐标，而不是图表 X 轴上的 X 值；-)

谁能帮帮我？

我正在为移动设备创建一个 html5 网络，我正在使用 graphael 创建一个饼图。该图表完美呈现，但我有两个问题我没有找到解决方案。

我希望图表的第一部分从 12 点开始。

https://dl.dropbox.com/u/23287638/piechart.png

我的第二个问题是'我想为图表的每个部分都有一个线标签，如下所示：

https://dl.dropbox.com/u/23287638/chart2.png

关于如何做这两件事的任何建议？

谢谢

我正在使用 Rally SDK 2.0 创建一个带有一些自定义仪表的应用程序。这需要一些自定义 HTML。我从示例中获取了一个 rake 编译的 app.html 文件作为起点。使用 JustGage 作为我的仪表。这是我的启动功能。

然后我在 app.html 中添加了一些自定义 HTML。

现在，如果我在没有代码“this.add('foo')”的情况下运行它，应用程序会在正文中添加一个带有 class="x-container" 的新 div，并将我的自定义 HTML 放在该 div 之外，从而有效地隐藏它。

如果我使用“this.add('foo') 它不会创建 div class=x-container 并且它显示我的小部件就好了。

什么是完成我正在尝试使用 2.0 sdk 的正确方法？我意识到 add 方法是用于添加 Ext 组件，但是以某种方式调用它会导致我的 HTML 渲染正常。查看我们在旧 SDK 中开发的一些应用程序，使用自定义 HTML 在这些应用程序中运行良好。

我正在尝试使用我在程序中创建的二维数组（我需要......）绘制条形图（Raphael.js），而不是传递实际值但没有输出得到空白屏幕。猜测 g.bar.js 无法解析数组，而我拥有的 g.bar.js 来自 g.raphael.com。我也尝试过来自https://github.com/vezult/g.raphael/blob/8a2b7dc3f97ddf5196791fa9eaa8640350d161a/g.bar.js的 g.bar.js，但我什至无法编译这个东西。条形图调用 r.barchart(5, 10, 300, 220, data, {stacked: true, type: "round"}).hoverColumn(fin2, fout2); data 是一个二维数组 有经验的请联系。谢谢。

考虑：

这将产生一个饼图，上面的切片是红色的，右下角的切片是绿色的，最后一个切片是蓝色的。但是，如果像这样更改值：

图表看起来完全一样，但颜色不再代表正确的值。在源代码中，第 99-101 行显示了正在排序的值，但仅此而已。

我想要一种颜色对应于某个变量，无论它有多大，而不是让最大的变量获得选项中列出的第一个颜色。

在它绘制切片的代码部分（第 133 行）中，它指的是opts.matchColors，但我找不到任何关于在调用函数时如何设置它的文档。

任何想法如何实现这一目标？

默认情况下，g.raphaeljs 饼图显示从图表顶部沿两个方向平均拉伸的最大值，较小的值显示顺时针方向。

在下图中，最大值 (1) 从大约 7 点开始。我想显示从 12 点开始的最大值，该怎么做？

我只是尝试在 justGage 上编写一些技巧（使用 Raphael JS 代码）来计算百分比，但我坚持使用数学公式:(。

重点是：我有一个宽度为 400 像素的 div，它欢迎 svg justGage。我想让它在鼠标点击后填充。例如，单击半圆的右下角将填充它，就好像它是 100% 填充一样。单击左下角，将其填充为 0%。问题是我试图捕捉鼠标位置并用它来刷新 Gage，但只在 X 轴上工作并不遵循圆形。

这是我的基本计算：

和整个代码测试小提琴。

有谁知道真正遵循圆形的公式？

我有一个函数，我必须在其中设置一些选项：

从另一个函数中，我得到了我喜欢的计数器：

不，我想更换最大值。value, 200 到 var likes 的值。

我的解决方案value : (0, {likes}),不起作用。

怎么了？非常感谢！