问题标签 [rgraph]
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.
php - 使用 RGraph 从 Postgres 数据库中轮询数据并使用 AJAX/JSON 进行更新
我对这个有点深入,所以我希望有人有一些见识。:)
我正在尝试使用 AJAX 更新 div。AJAX 调用将下拉选择的值发送到 PHP 文件,该文件将执行 pgsql 查询以获取一些数据。我在 RGraph 教程中读到需要将这些数据格式化为 JSON 格式,以便 RGraph 可以解释它,然后将其提供给运行 RGraph 视图的 JS。
这个问题实际上可能是两个单独的问题,但我还是会问:
是否有一种标准方法可以在 PHP 中获取查询结果并将其输出为 JSON 格式?- 我想在哪里触发使用 JSON 数据的 JS?我尝试对一些初始数据进行硬编码,但图表似乎没有出现。但是,我知道 jQuery 正在正确执行 AJAX 调用,因为我看到了 div 更新(中间有一个“正在加载...”消息,然后返回空白,向我表明一个空响应),所以我想我我只是没有正确界定这个范围。
PS 不,这次我没有犯 $_POST/$_GET 错误。
任何帮助,将不胜感激。谢谢!
编辑1:得到这个。这实际上比我想象的要容易得多。但是,仍然没有正确确定范围。关于 RGraph 如何获取 JSON 对象并将其显示为图形以及如何使用 AJAX 用新图形刷新 div 的任何帮助?
javascript - RGraph + gridstack 调整为 div
我正在使用 gridstack 开发一个应用程序,我想使用 RGraph 库将多个图形(线条和仪表)放在不同的容器中。
我无法使图形填充容器的宽度和高度。此外,当我更改大小时,我希望图形适应容器。
我有一个例子:
javascript - Rpraph 未在画布中显示
错误:未捕获的类型错误:无法在文件中的新 RGraph.Bar (file:///F:/New%20folder%20(2)/website/RGraph.bar.js:46:51) 处读取 null 的属性“getContext” :///F:/New%20folder%20(2)/website/online_booking.html:149:14
javascript - Rgraph: How to show average on top of stacked bar?
I am using Rgraph and I want to show average at the top of each stacked bar graph.
How can we do that?
javascript - 缺少数据点的 RGraph
我想在两个日期之间的一段时间内使用 javascript 和 RGraph 绘制具有多个系列的区域填充折线图,但我没有每个日期的数据点;我如何用 RGraph 做到这一点?
我不能错过传递给 RGraph 的数据中的日期,因为虽然某些系列没有该数据,但可能是其他系列有(例如 ABC 有 1 月和 3 月的数据,XYZ 有 1 月和 4 月的数据) .
我必须有一年的所有日期,它用水平轴表示,只显示月份/期间标签。
我将其归结为下面的简化示例,并在https://jsfiddle.net/Abeeee/25m1sc7d/1/上有一个 jsFiddle 示例
下面的代码和 JSFiddle 都显示了由 drawAll() 函数控制的两个图表,其中包含一个变量 x。我希望使用 x=null 的第二个图表(cvs2)不包括绘制该空值,而只是在 100 到 200 之间绘制红线/区域,从而得到与第一个图表(cvs1)类似的图表。
那么,你如何告诉 RGraph 只用数据绘制点并忽略那些不保留所有日期点的点?
谢谢安倍
rgraph - RGraph V5 升级 - 获取上下文时出错
我有一个使用版本 2107-10-1 的工作 3d 图表,它使用图像作为 y 轴。我现在正在尝试使用版本 5 库,但出现错误:“无法在新的 RGraph.Drawing.Image (RGraph.drawing.image.js:64) 读取属性 'getContext' of null 是:”上下文 = this.canvas.getContext('2d');"
我将库中的行更改为 3d 以匹配 3d 的图表变体设置,错误已解决。但是,然后我收到以下错误:“无法在 RGraph.Drawing.Image.draw.Draw(RGraph .drawing.image.js:490)"
我一直在通过 API 尝试找出属性名称的任何差异,但我的技能和理解力不是很好。
任何帮助或建议将不胜感激。
:-)
javascript - RGraph折线图上特定点的不同颜色
我试图在一个点中指定一个颜色highlightStyle: 'halo',
并tickmarksStyle: ['circle']
定义。
图形:
如果这些点超过那条蓝线,我想将它们的颜色更改为红色。这种情况没什么大不了的,但似乎无法弄清楚。
或者,如果更简单,如果主线超过蓝线,则将线段颜色更改为红色。
我一直在查看折线图 API,但找不到适用于我的场景的参数。
我能做些什么?