问题标签 [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.
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 ......等等,等等,等等?
提前感谢您的帮助。
jquery - jqplot中的条形着色
我正在尝试使用 jqplot 绘制一个堆叠条形图,顶部系列填充为白色并带有绿色轮廓。这可以通过普通选项实现吗,还是我必须通过 CSS 来实现?以下代码是我目前正在使用的。我基本上已经尝试过将所有基于颜色的选项都扔给它(我承认我对文档感到困惑)。对于第二个系列,我期待颜色“color”的轮廓和颜色“fillColor”的填充(即分别为蓝色和红色),但这不是正在发生的事情。任何人都可以帮忙吗?
colors - jqplot 改变单个标记的颜色
可能重复:
如何设置每个条形的 jqplot 条形图颜色?
有谁知道在 jqplot 中更改单个标记颜色的最佳方法?我需要突出显示两个标记,将最高值设置为一种颜色,将最低值设置为另一种颜色。Google 群组上有一个类似的帖子,但没有答案(http://groups.google.com/group/jqplot-users/browse_thread/thread/e17a8b22860757ca?pli=1)。
谢谢
大卫
php - 通过 PHP 渲染 JQPlot
我有一个动态生成 HTML 并对其进行回显的页面。我怎样才能用 JQPlot 做到这一点。我可以在同一页面上有多个图表。我看到 JQPlot 使用 document.ready 来渲染它。我将从 php 生成所需的数组。
我应该如何做到这一点,以便我可以调用 PHP/Javascript 方法/包含并传递所需的参数来显示图表?
如果我有多个图表,我应该放一个 document.ready 而不是在其中放一个 PHP for 循环并调用一个通用绘图函数,我可以在其中传递所有参数吗?
如下所示
javascript - jqplot条形图不显示数据
没有从萤火虫得到任何错误。没有在任何浏览器中显示。以前工作过,大约一周前停止工作。代码示例...
然后在 html 中有一个调用
各种隐藏值是来自后面代码的 csv 字符串。根据萤火虫,它们被正确传递(正确的格式和每个变量的正确数量)。从我最近的编码经验来看,这可能是显而易见的。
javascript - 如何在 jqplot 条形图中拥有比数据点更多的列并使趋势线在所有列上继续?
在jqPlot
中,我定义了一个带有数据系列的数组和一个带有刻度/列标签的数组。如果我有比系列中的数据点更多的刻度/列并且打开了趋势线,则趋势线仅在数据点的域上继续,而不是在所有列上。有什么方法可以让趋势线继续并推断整个域?
例如,如果我用这些刻度尝试这些数据:
条形显示有点古怪,但趋势线是正确的,但仅适用于 5 个数据点。或者,此数据具有相同的刻度:
有一条急剧下降的趋势线,它并不能真正描述 0 之前的数据趋势。Nulls 或 undefined 似乎也不适用于其余列(而不是 0)。
那么,我需要做些什么来显示整个域(年份)的部分数据并且仍然获得准确的趋势/外推线?
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]]
这是代码:
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。
两者都提供缩放,但看起来缩放更像是缩放。这意味着:放大不会改变粒度。因为图表会有很多数据/点,我需要在将它们发送给客户端之前整合信息。通过放大,我需要提高粒度,因此图表应该能够处理放大区域的新数据。(我希望我已经说清楚了。)
感谢您的关注。
javascript - jqplot:“this.proxy.getTime 不是函数”/日期输入解析器?
我尝试使用 jqplot 绘制图形。所以我修改了这个例子以获得基于日期的图表。
目前我的代码是这样的:
但我收到以下错误:
看起来,脚本通过解析日期格式存在问题。但为什么?
谢谢你,任何帮助。
//更新.. ups,我在写完这篇文章后很快就找到了原因(经过1天的尝试和错误“;-))所以我找到的原因产生了一个新问题:是否有任何jqplot选项,定义如何解析输入日期格式?
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]
什么是错的?有没有办法将对象转换为典型的数组形式?
谢谢