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

jquery - 使用 jquery ui 滑块值动态更新 gRaphael 图

新手问题:我正在使用 jquery ui 滑块,我想随着滑块值的变化(计算后)动态更新 gRaphael 图表。

问题1.如何将计算函数返回的值赋给gRaphael条形图的data[]?

编辑:正如建议的那样,我首先关注第一个问题,http://jsfiddle.net/anubhabB/VrgcC/30/

我想要实现的是一个基于 update() 的“var sliderVal”动态反应的 gRaphael 条形图。想要实现这样的转换(http://jsfiddle.net/MVwwq/86/)到幻灯片事件和来自滑块的动态数据!

0 投票
3 回答
1908 浏览

raphael - 当只有 1 个值时,拉斐尔饼图始终为蓝色(如何用一个切片设置饼图的颜色)

我对拉斐尔饼图有疑问。我使用的数据是动态的,在某些情况下,只返回 1 个值,这意味着整个图表被填充,因为它是唯一的切片。问题是当只有 1 个值时,它会忽略我的颜色指定。

例如:下面是一个具有 2 个值的拉斐尔饼图的创建,每个切片都有在“颜色”部分中指定的正确颜色:

这很好用,我得到两个大小合适的切片,一个黑色,一个灰色。

然而,下面的示例创建了一个完整的馅饼,总是用蓝色填充,无论我的颜色设置如何。

在这种情况下,我真的需要那个完整的馅饼是黑色的,因为它被设置为“颜色”

我做错了什么,还是这是一个错误?

0 投票
2 回答
951 浏览

jquery - 在单文档 jQuery Mobile 环境中重绘 Elycharts

我创建了一个统计网络应用程序,它全部存储在一个 HTML 文档中,使用 jQuery mobile 在不同页面之间切换。我使用 Elycharts ( elycharts.com ) 创建了一个图表,该图表从本地数据库中检索信息。每次,当我切换到带有图表的页面时,我都会触发一个函数,从数据库中加载条目并绘制图表。

我遇到了问题,第一次加载页面时,部分图形丢失了。当我在浏览器中运行它时,它会在刷新后出现。

当我添加一个新条目时,新点将绘制在最后一个条目的顶部。看来,该图表是在以前的版本之上绘制的。

有谁知道,我如何触发真正干净的重绘或动态地向输出注入更多条目?

从那以后,我一直在兜圈子。手册不完整,代码中的注释是英文和意大利文的混合......我想过切换到另一个库,但到目前为止我创建的图表看起来非常漂亮并且可以在 iPad 上使用。只需要把这些虫子弄出来。

抱歉,我无法在此处提供代码。

0 投票
1 回答
4755 浏览

raphael - 如何使用 Raphael.JS 基于鼠标移动绘制一条线

我试图在纸上随着鼠标移动画一条线。我只知道如何使用path. 但想知道是否有人有想法画一条线mousemove。请帮助我。

0 投票
0 回答
160 浏览

javascript - Raphael js,如何静态高度条的每个值

据我们所知。g.Raphael bar 基本上使用选项制作并渲染到 SVG 对象,并且 bar 高度将反映每个输入的值。

但是如果有任何选项或方法可以静态化每个高度像素的值

例如像这样:

结果将是:

如果 value = 30,则此条形图的高度将为 300px。

有人帮忙吗?谢谢。

0 投票
1 回答
541 浏览

javascript - Raphaeljs 气泡图查询(谁能告诉我这到底是什么图表?)

有人可以让我知道我应该如何实现这种图表吗?我需要使用一个 javascript 库来实现一个图表,该图表有一个大圆圈(100%),里面有一个小的半圆来划分更大的圆圈。它是一种饼图,但不是精确的饼图。我想要一个大圆圈内的半圆它对我来说看起来像一个气泡图,但它被封闭在一个圆圈内。我不太确定我应该为此使用哪个库?

任何帮助,将不胜感激!

0 投票
1 回答
608 浏览

javascript - 是否可以在 gRaphael 中获得 X 轴偏移或填充?

我正在尝试在 gRaphael 中创建一个非常简单的折线图。我的问题是我的图表的第一个值总是放在 y 轴上。有没有办法向第一个点添加填充或偏移,使其不在 y 轴上?

我尝试过的一个解决方案是添加另一组 x 值,它们比我的另一行的 x 值小一个和一个大,但这会破坏我的 x 轴标签。

我创建了一个jsFiddle来说明我的问题。其中第一张图是我目前拥有的,第二张图显示了上述解决方案的问题。

0 投票
2 回答
224 浏览

javascript - 使用 javascript 库自定义形状的图形

有没有办法我可以制作对话气泡的形状并在 raphael js 中显示对话气泡内的统计信息

任何帮助表示赞赏

0 投票
1 回答
752 浏览

javascript - 如何在 raphael js 中动态定位?

我设计了这样的东西http://jsfiddle.net/suchitadoshi1987/dfNB8/

现在我想动态地将这三个圆圈放在不同的位置。它基本上是一个图表,图表内的圆圈是统计数据。那么任何人都可以帮助我动态定位圆圈吗?

谢谢你。

0 投票
1 回答
880 浏览

javascript - 拉斐尔线图动画和更新图

我是 raphael 库的新手,所以我仍在学习如何解决它,我能够按照我想要的方式设置我的图表,但现在我尝试做以下两件事,但我很难找到我想要的文档/示例.

这是我到目前为止所拥有的
http://jsfiddle.net/PA67H/

  1. 当图形加载类似于此的内容时,为初始数据点设置动画
  2. 动画数据点的变化,因此当按下按钮时,数据源将更改为 var2 但以动画方式像这里