问题标签 [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.
jquery - Raphael Shapes 的平滑滚动效果
我有类似于 g.rapahel http://raphaeljs.com/graffle.html的图表,我将形状存储在数组中,如下面的代码
现在假设,我想移动 shape[1] 以及带有 graffle 中显示的连接线(链接上方)的窗口滚动。意图是 Shapes[1](为简单起见,我选择这个)应该始终存在于框架中滚动时。这个怎么做?。
javascript - gRaphael饼图动态大小
我想在某些事件后放大gRaphael 饼图,例如单击。但是 gRaphael 饼图是在具有静态宽度和高度的窗口加载后创建的。是否可以实时动态重绘它?
我的代码:
UPD 当然我可以在点击当前图表后删除并创建新图表,但这不是一种方法,因为我需要在其他点击后恢复原始大小。
javascript - 拉斐尔图标大小
我的网站上有几个 Raphael 图标,如下所示:
如何让图标变大?
谢谢!
mb
jquery - 绘制拉斐尔形状的线连接器
我正在绘制类似于 graffle ( http://raphaeljs.com/graffle.html ) 的图表。但是我不想要弯曲的连接线,而是想要直线(在交叉点有一些曲线),如下图所示(从另一篇文章中获得,但无法在那里获得解决方案)。由于我的图表可能具有多对多关系的复杂性,因此线连接器可以穿过多条线,因此线应该足够可区分以显示整齐的连接。这是我的示例代码。有人可以建议我完成它的方法。
//用箭头绘制连接线http://raphaeljs.com/graffle.html
当前结果:
预期结果
graphael - gRaphael-折线图
将第一行数据的单个数据值发送到 graphael 折线图时,图表不显示并且浏览器停止运行,并且当传递“正方形”、“圆盘”等“圆形”以外的符号时,图表也不显示,例如:
这在任何浏览器中都不起作用,只有在为第一行传递单个值时它才没有运行。任何帮助将不胜感激。
jquery - 如何更改此拉斐尔绘制的饼图,以使颜色不会改变
我正在尝试更改此饼图,以便当我单击一个段时,不同段的颜色不会改变。我看到填充与段的形状有直接关系,但我完全烂透了。请帮忙!您可以在此处查看实际的饼图:
asp.net-mvc-3 - 使用 ASP.NET MVC3 来自数据库的动态数据的图形图表
我想了解如何从数据库中获取数据并在图形图表中显示该数据。
我在 ASP.NET MVC3 中工作,我真的不明白如何让这些东西正常工作。
非常感谢任何帮助。
backbone.js - 用于拉斐尔画布的动态创建元素
我创建了一个 Backbone.js/Require.js 应用程序,它动态加载 HTML 模板以用作应用程序中的“页面”。这意味着我的主 HTML 页面看起来像这样。
然后我使用下划线模板将新元素动态呈现给 DOM。但是,一个新功能需要使用 Raphael.js 图表。我创建了一个新元素<div id='canvas'></div>
并调用Raphael('canvas')
,但由于 DOM 上没有 canvas 元素,Raphael 看不到新创建的元素。
我曾尝试使用 jQuery 选择器代替 id 引用,Raphael($('#canvas'))
但这会将画布附加到 body 元素而不是我的容器元素。
关于如何将 Raphael 画布绑定到动态创建的元素的任何建议?
raphael - gRaphael 饼图:添加动画
我想显示带有动画的饼图,使其从“小点”成长为全尺寸饼图,例如这个不断增长的饼图或这个Highcharts 演示库 - 饼图,但我想将它应用于制作的饼图与格拉斐尔,
这是我的 jsfiddle 示例...带有图例的拉斐尔饼图
提前谢谢,