问题标签 [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.

0 投票
1 回答
289 浏览

php - 使用 RGraph 从 Postgres 数据库中轮询数据并使用 AJAX/JSON 进行更新

我对这个有点深入,所以我希望有人有一些见识。:)

我正在尝试使用 AJAX 更新 div。AJAX 调用将下拉选择的值发送到 PHP 文件,该文件将执行 pgsql 查询以获取一些数据。我在 RGraph 教程中读到需要将这些数据格式化为 JSON 格式,以便 RGraph 可以解释它,然后将其提供给运行 RGraph 视图的 JS。

这个问题实际上可能是两个单独的问题,但我还是会问:

  1. 是否有一种标准方法可以在 PHP 中获取查询结果并将其输出为 JSON 格式?
  2. 我想在哪里触发使用 JSON 数据的 JS?我尝试对一些初始数据进行硬编码,但图表似乎没有出现。但是,我知道 jQuery 正在正确执行 AJAX 调用,因为我看到了 div 更新(中间有一个“正在加载...”消息,然后返回空白,向我表明一个空响应),所以我想我我只是没有正确界定这个范围。

PS 不,这次我没有犯 $_POST/$_GET 错误。

任何帮助,将不胜感激。谢谢!

编辑1:得到这个。这实际上比我想象的要容易得多。但是,仍然没有正确确定范围。关于 RGraph 如何获取 JSON 对象并将其显示为图形以及如何使用 AJAX 用新图形刷新 div 的任何帮助?

0 投票
1 回答
1115 浏览

javascript - RGraph + gridstack 调整为 div

我正在使用 gridstack 开发一个应用程序,我想使用 RGraph 库将多个图形(线条和仪表)放在不同的容器中。

我无法使图形填充容器的宽度和高度。此外,当我更改大小时,我希望图形适应容器。

我有一个例子:

代码 JSFiddle

0 投票
1 回答
54 浏览

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

0 投票
1 回答
54 浏览

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?

0 投票
2 回答
356 浏览

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 只用数据绘制点并忽略那些不保留所有日期点的点?

谢谢安倍

0 投票
1 回答
159 浏览

jquery - 在 SVG rgraph 中添加附加列以显示条形图的值

我有一个 hbar 栏,看起来像:

在此处输入图像描述

我想在末尾添加额外的列来显示条形值。我想添加 2 列以在第一行显示数字 2 和 3。

我希望我的图表看起来像这样:

我试图在 svg 中附加,但它没有显示。

在 rgraph 中为 SG 动态添加其他列的正确方法是什么?

FYI

我使用 jquery 添加了列

在此处输入图像描述

0 投票
0 回答
55 浏览

rgraph - 图表在点击时消失?我正在使用动态功能

我在同一页面上使用了两个不同的图表,所以当我点击其中任何一个图表时,仪表图表就会消失。

之前 之后

0 投票
1 回答
68 浏览

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 尝试找出属性名称的任何差异,但我的技能和理解力不是很好。

任何帮助或建议将不胜感激。

:-)

0 投票
1 回答
193 浏览

rgraph - 如何解决 RGraph 饼图中的标签冲突问题?

我正在创建标签冲突的 RGraph 饼图。虽然我使用labels.sticks属性来解决这个问题,但它对输出没有影响。

这是我绘制饼图的代码:

HTML

输出:

在此处输入图像描述

为了解决标签冲突问题,我使用以下选项:

根据 RGraph 文档:

labels.sticks 规定显示标签的棒。这也可以是一系列棒长度 - 如果您遇到标签冲突,这可能很有用。默认值:假

仅供参考,我正在使用// version: 2015-05-24

0 投票
1 回答
163 浏览

javascript - RGraph折线图上特定点的不同颜色

我试图在一个点中指定一个颜色highlightStyle: 'halo',tickmarksStyle: ['circle']定义。

图形:

在此处输入图像描述

如果这些点超过那条蓝线,我想将它们的颜色更改为红色。这种情况没什么大不了的,但似乎无法弄清楚。

或者,如果更简单,如果主线超过蓝线,则将线段颜色更改为红色。

我一直在查看折线图 API,但找不到适用于我的场景的参数。

我能做些什么?