问题标签 [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.
raphael - 为图形条形图添加标签?
我正在使用 graphael 为我的数据绘制条形图,但不知道如何为条形图添加标签。
jquery - rg 在图形中未定义?
基于graphael文档,我应该画出这样的图表:
然后我尝试添加渐变,看到人们这样做:
我试过:
但浏览器抱怨 chart.shades 未定义。所以我决定如果我改变r.hbarchart({...});
它r.g.hbarchart({...});
会起作用。
但是,现在它说 rg 是未定义的。
javascript - 向 gRaphael 图表添加填充?
尽管在线可用的文档很少,但我已经能够弄清楚如何使用Raphael.js和gRaphael插件生成下图。我对如何设置悬停在每个数据点上出现的标签的样式感到非常困惑。如何在文本周围添加一些填充?
这是它现在的样子:
编码:
javascript - 更新graphael饼图中的数据
我有一个由 graphael 创建的饼图
我想更新这个项目的图例/数据,但我没有找到解决方案。
graphael - 使用 Graphael 的 HTML 可点击或可钻饼图
背景
我能够得到一个动态饼图的图形示例。但是,我在理解语法时遇到问题......
该示例传递了两个 HTML 链接,并且似乎将链接与两个标签和两个特定的饼图切片相关联,但这些相关性或关联如何在传递给“饼图”方法的字符串中发生并不明显。我尝试传递更多链接,但代码似乎将链接与标签随机关联。似乎没有明显的方法来确保 Link1 始终与 Label1 相关联。
问题
有谁知道如何清楚地解释代码中发生的事情?这两个链接如何仅与饼图的两个切片相关联?我怎样才能始终如一地将链接与标签和特定的饼图关联起来?
笔记
我个人不喜欢 piechart 函数接受三个“单独”的值、标签和链接的字符串,这些字符串没有相互搭配,因为它使代码难以阅读。原来的样子如下...
例子
相反,能够传入一个数组数组会更好......array = [[SliceValue1, label1, link1], [SliceValue2, label2, link2],
等等。如果有人知道如何做到这一点,这将是清理代码并使其更具可读性的好方法。
源代码
raphael - 拉斐尔点图显示问题
我正在使用来自http://g.raphaeljs.com/dotchart.html的点图示例代码,但是如果我改变数据,它就不能很好地工作。用法也类似,但 Y 和 X 值的数量可能会发生变化。
我有生成适当数量的 xs 和 ys 值的外部代码。我发现如果我有更多(或更少)x/y 标签/数据,我必须更改高度和宽度。如果 x/y 标签之一,我还必须调整宽度。
如何使 DOT 图表的高度和宽度动态化?感谢所有帮助。
jquery - Jquery Mobile 和 Graphael 不能一起工作
我正在尝试使用 jquery mobile 和 graphael 绘制饼图,但没有运气。不知道我做错了什么。有人有任何指示吗?这是我从http://www.artetics.com/Articles/using-various-javascript-libraries-to-create-pie-chart使用的 javascript
这是html。我确实将 raphael 库作为资源包含在 jsfiddle 上。
javascript - Graphael 文档、最近的示例等
我正在使用gRaphael实现实时更新线图,它是Raphael SVG 库的图形扩展。
我似乎找不到任何人这样做作为近实时更新项目的例子,这很好。我假设有一种方法可以使用新数据集在图形上调用刷新(无需每次都重新初始化一个全新的 Raphael 对象!),但问题在于:
任何地方似乎都没有准确的文档。我发现了这个 StackOverflow 问题:Graphael line chart这又导致了这个文档项目:https ://github.com/kennyshen/g.raphael/tree/master/docs ,但结果很冷。使用提供的示例,我遇到了一些错误:
示例中使用的语法
r.g.linechart()
不再有效(其中 r 是 Raphael 对象,我假设 g 是其中的 gRaphael 属性)。在此过程中的某个地方,一定有人已经切换到正确扩展 Raphael 对象以便r.linechart()
工作。传入的参数
linechart()
不正确,再次导致未定义的错误。如果我只传入#x, #y, width, height, arrayX, arrayY
参数并删除图表标签等,我可以渲染一条普通的线。但当然,我需要能够标记我的轴并提供图例等。
不用说,没有 API 文档的库对任何人都没有多大好处,但是那里有一些坚定的人愿意在严格阅读代码本身的基础上进行学习。我不是其中之一。我可能会用一个评论很好的例子来做,最好使用实时更新。
所以我想问题是:
- 有没有人知道比我链接的文档更好的文档?
- 有人可以指出示例,文档失败吗?
- 有人可以提供
linechart()
将接受的参数的适当分项吗?
谢谢!
为了记录,这是我到目前为止的距离:
graphael - gRaphael 上的 hoverColumn 和提示显示问题?
我可以使用 gRaphael 来显示折线图,但是工具提示有问题。工具提示仅针对某些列显示,而不是所有列。不知道是不是数据太多的问题,不过207列应该不会太差吧。画布尺寸为 900x300。以下是示例代码....任何帮助将不胜感激!
谢谢,
jquery - 如何将 jquery 点击事件添加到 gRaphael 图形?
我用 g.Raphael 做了一个图表:
后来我将click事件添加到pie.sector,但我的事件不起作用......有人知道用jQuery处理gRaphael的正确方法吗?