问题标签 [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 - raphael newbie:弹窗背景在跳跃
我尝试了以下代码 -
它在 raphael 示例页面中运行良好 - http://g.raphaeljs.com/barchart2.html
但在我的页面中,工具提示黑色背景是“跳跃”每个鼠标。[工具提示文本保持在正确的 x,y]
我使用了错误的库吗?我如何解决它?
javascript - gRaphael 折线图绘制轴以外的值
当使用 gRaphael 沿 x 轴以毫秒为单位绘制折线图时,我通常会在数据点的位置上出现不一致。最常见的初始数据点位于 y 轴的左侧(如下面的小提琴所示),有时最后一个数据点将超出视图框的右侧/超过 x 轴的终止.
有谁知道:1)为什么会发生这种情况,2)如何防止它,和/或 3)如何检查它(如果我知道它何时发生/多少,我可以使用变换来移动线/点) .
我的代码:
我必须使用 gRaphael 并且 x 轴必须以毫秒为单位(稍后标记为带有自定义日期字符串)
主要示例小提琴:http: //jsfiddle.net/kcar/aNJxf/
次要示例小提琴(页面上的第 4 个示例经常显示两个轴错误):http: //jsfiddle.net/kcar/saBnT/
根本原因是 snapEnds 函数(第 718 行 g.raphael.js),它所做的舍入虽然在某些情况下很好,但在其他情况下是从日期添加或减去年份。
在这一点之后还没有一直走下去,但是由于每次舍入变得疯狂时数据点都放错了位置,而不是当它没有时,我将继续并假设这会导致计算图表列出现问题,在被发送到 snapEnds 之前,这些值也只是为了确认它不仅仅是接收到错误计算的数据。
该函数的代码来自 g.raphael.js
charts - ExtJS/Raphael 可以使用十字准线散点图吗?
我想创建一个散点图并使用十字准线,如下所示:
是否可以将y轴向右移动?
jquery - 如何避免Rapahel js路径重叠
我有一个基于 Raphael js 的流程图。它与http://raphaeljs.com/graffle.html相同。但是,由于我有许多矩形 Raphael 框,并且我的线路径是直线而不是弯曲的,如上例所示。在这种直线类型中,这些线有时会重叠,因此很难分辨哪条线连接了哪些框。
请让我知道我是否可以实现这一目标以及如何实现。
更新:附上我当前的流程图 jpeg。正如您所看到的,连接线穿过拉斐尔形状,而且很难分辨线从哪里开始。
hover - 请向我推荐一个使用 graphael 的 dotchart 悬停功能示例
我正在尝试使用 gRaphael 创建一个点图(气泡图)。但是他们的文档并不清楚当用户悬停在点上时如何添加悬停效果。任何人都可以建议我一些例子或提供一些相同的帮助提示。提前谢谢。
jquery - gRaphael:如何避免 barchart() 之间的空格
是否有任何选项可以避免 Raphaël 条形图之间的空格?
有一个管理栏空间的选项,不幸gutter
的是选项会影响栏的宽度。遗憾的是我没有足够的积分来上传图片:(
这是我的代码
演示 -小提琴
任何帮助非常感谢
javascript - 如何增加折线图的线宽?
是否有任何选项可用于增加折线图的线宽?我试图改变stroke
,但这似乎没有任何影响。
以下是折线图的初始化方式:
svg - raphael:在标签内显示 HTML 实体
我想将 HTML 实体添加到 raphael 标记,但我看到文本 deg 而不是度数符号 -
我怎么能逃脱它?
我不确定哪种语言实际显示此文本,HTML、JavaScript 或 SVG ...
javascript - 拉斐尔在同一页面上的多个图表
我正在使用至少两个拉斐尔图表创建一个网页。
任何帮助将不胜感激。我希望我已经适当地解释了这个问题。
javascript - 在 SVG-edit 中集成 Raphael 库。兼容性问题?
是否可以在 SVG-edit 中使用像这样的 Raphael 库:https ://github.com/poilu/raphael-boolean ,它使用纯 SVG?:
SVG 编辑网站:https ://code.google.com/p/svg-edit/
我曾尝试将他们俩结婚,但我猜他们不会返回相同的路径字符串,以便我可以以干净的方式使用 raphael 库。它们是否兼容?