问题标签 [jqplot]

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 回答
3713 浏览

javascript - jQuery jqPlot 库 12 小时时间 Y 轴反转问题

我最近开始使用 jqPlot。生成的图表看起来很棒,我喜欢它。这里和那里有一些小东西要学,但总的来说它很棒。

我正在使用堆叠条生成并遇到了一个奇怪的问题。基本上,我想要 Y 轴上从 0 到 24 小时的 12 小时时间,X 轴上的天数,并在图表上绘制特定活动的秒数。而且,我希望天(午夜)从图表的顶部开始,然后到达底部。

我可以使用“min”和“max”的倒数轻松翻转数据,但是当我尝试翻转刻度时会出现问题;本质上是“时间”。

我将系列默认设置为隐藏轴:

我放了一个占位符系列(值全为 0,例如: [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0] )与单独的 yaxis 关联以绘制日期刻度:

我可以通过更改默认 y 轴上的最小值和最大值并将其隐藏来翻转值:

然后我设置刻度,并使用 DateAxisRenderer 格式化它们:

这将创建一个 y 轴,时间从 12:00 AM 到 12:00 PM 再回到 12:00 AM 格式。但从图表底部开始按递增顺序。

显然,翻转“yaxis”上的最小值和最大值将一事无成,因为只有占位符值,而且它只会翻转值。我将如何翻转轴值,以便时间(从底部)24、22、20 ......等等,等等,等等?

提前感谢您的帮助。

0 投票
1 回答
1450 浏览

jquery - jqplot中的条形着色

我正在尝试使用 jqplot 绘制一个堆叠条形图,顶部系列填充为白色并带有绿色轮廓。这可以通过普通选项实现吗,还是我必须通过 CSS 来实现?以下代码是我目前正在使用的。我基本上已经尝试过将所有基于颜色的选项都扔给它(我承认我对文档感到困惑)。对于第二个系列,我期待颜色“color”的轮廓和颜色“fillColor”的填充(即分别为蓝色和红色),但这不是正在发生的事情。任何人都可以帮忙吗?

0 投票
0 回答
442 浏览

colors - jqplot 改变单个标记的颜色

可能重复:
如何设置每个条形的 jqplot 条形图颜色?

有谁知道在 jqplot 中更改单个标记颜色的最佳方法?我需要突出显示两个标记,将最高值设置为一种颜色,将最低值设置为另一种颜色。Google 群组上有一个类似的帖子,但没有答案(http://groups.google.com/group/jqplot-users/browse_thread/thread/e17a8b22860757ca?pli=1)。

谢谢

大卫

0 投票
2 回答
3180 浏览

php - 通过 PHP 渲染 JQPlot

我有一个动态生成 HTML 并对其进行回显的页面。我怎样才能用 JQPlot 做到这一点。我可以在同一页面上有多个图表。我看到 JQPlot 使用 document.ready 来渲染它。我将从 php 生成所需的数组。

我应该如何做到这一点,以便我可以调用 PHP/Javascript 方法/包含并传递所需的参数来显示图表?

如果我有多个图表,我应该放一个 document.ready 而不是在其中放一个 PHP for 循环并调用一个通用绘图函数,我可以在其中传递所有参数吗?

如下所示

0 投票
2 回答
1092 浏览

javascript - jqplot条形图不显示数据

没有从萤火虫得到任何错误。没有在任何浏览器中显示。以前工作过,大约一周前停止工作。代码示例...

然后在 html 中有一个调用

各种隐藏值是来自后面代码的 csv 字符串。根据萤火虫,它们被正确传递(正确的格式和每个变量的正确数量)。从我最近的编码经验来看,这可能是显而易见的。

0 投票
1 回答
352 浏览

javascript - 如何在 jqplot 条形图中拥有比数据点更多的列并使趋势线在所有列上继续?

jqPlot中,我定义了一个带有数据系列的数组和一个带有刻度/列标签的数组。如果我有比系列中的数据点更多的刻度/列并且打开了趋势线,则趋势线仅在数据点的域上继续,而不是在所有列上。有什么方法可以让趋势线继续并推断整个域?

例如,如果我用这些刻度尝试这些数据:

条形显示有点古怪,但趋势线是正确的,但仅适用于 5 个数据点。或者,此数据具有相同的刻度:

有一条急剧下降的趋势线,它并不能真正描述 0 之前的数据趋势。Nulls 或 undefined 似乎也不适用于其余列(而不是 0)。

那么,我需要做些什么来显示整个域(年份)的部分数据并且仍然获得准确的趋势/外推线?

0 投票
1 回答
6153 浏览

jqplot - 需要示例以从 json 文件加载具有多个系列、基于日期的数据的 jqplot

一直在搜索,但找不到我正在寻找的东西。需要将多个系列加载到一个 jqplot 中,每个系列都来自自己的数据文件。

此处的示例http://www.jqplot.com/tests/data-renderers.php确实显示了如何从文件中加载系列,但是当我将文件转换为具有日期数据时,它会停止工作,可能只是一种格式问题,但无法解决。我究竟做错了什么?

这是 txt 文件中的数据:[["7/11/2011 04:00:00am",85.0],["7/12/2011 04:00:00AM",87.4],["7/13/ 2011 04:00:00AM",90.0]]

这是代码:

0 投票
2 回答
1228 浏览

javascript - 用于在客户端绘制图表的 Javascript 库或框架

我正在寻找一个库,以在客户端生成图表。通过在 web 和 stackoverflow 上搜索,我发现了很多,比如这里

https://stackoverflow.com/questions/2227421/good-javascript-library-for-drawing-charts-using-json

或者这个非常好的收藏:

http://sixrevisions.com/javascript/20-fresh-javascript-data-visualization-libraries/

有这么多选择,我有点不知所措。哪个可以使用 JSON 数据,哪个是最新的,哪个易于使用(因为我对这个话题完全陌生),哪个健壮,可以在手机上运行(或不能),哪个项目还在活着之类的

我需要不同的图表,折线图是强制性的。放大和缩小也是强制性的。所以我仔细研究了jqplot an flot。

两者都提供缩放,但看起来缩放更像是缩放。这意味着:放大不会改变粒度。因为图表会有很多数据/点,我需要在将它们发送给客户端之前整合信息。通过放大,我需要提高粒度,因此图表应该能够处理放大区域的新数据。(我希望我已经说清楚了。)

感谢您的关注。

0 投票
4 回答
8313 浏览

javascript - jqplot:“this.proxy.getTime 不是函数”/日期输入解析器?

我尝试使用 jqplot 绘制图形。所以我修改了这个例子以获得基于日期的图表。

目前我的代码是这样的:

但我收到以下错误:

看起来,脚本通过解析日期格式存在问题。但为什么?

谢谢你,任何帮助。

//更新.. ups,我在写完这篇文章后很快就找到了原因(经过1天的尝试和错误“;-))所以我找到的原因产生了一个新问题:是否有任何jqplot选项,定义如何解析输入日期格式?

0 投票
4 回答
19440 浏览

javascript - 用于 jqPlot 的 JSON

我想使用 jqPlot 使用来自服务器端的 JSON 数据,如本示例中所述:http ://www.jqplot.com/tests/data-renderers.php

我的代码与示例几乎相同:

在服务器端,我使用的是 PHP(和 Yii)。网页返回一个数组,通过使用CJSON::encode($resultArray);(这个 Yii 函数传递给 PHP JSON 编码函数)编码为 JSON。PHP 脚本的结果如下所示:

客户端的 Ajax 请求解决了这样的问题(来自 的输出console.info();

可能,jqPlot 期望以下格式:

我总是得到error uncaught exception: [object Object] 什么是错的?有没有办法将对象转换为典型的数组形式?

谢谢