问题标签 [flot]

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 投票
2 回答
1450 浏览

javascript - 用flot / jquery绘制负数

我知道我在这里遗漏了一些迟钝的东西......我要做的只是绘制 f(x) = 2500,x 范围从 -75 到 75。这应该是一条水平线。现在,我认为这是我对数组某些细节的误解。它从 0 开始到 75 很好,它的图形不会低于 0。(我得到了一半的线)

我确定问题就在那里。这是我的 .plot 函数,只是为了确定。

0 投票
1 回答
2967 浏览

javascript - Flot 中的直方图 - Javascript

我正在尝试在 flot 中创建一个直方图,其中的条形图是按天组织的。

我找不到每天将值合并到 1 个条形图中的方法。

__

有任何想法吗?

0 投票
1 回答
4443 浏览

jquery - jquery float 双轴

我使用 jquery flot 来显示图表 .... 我想显示双 x 轴 ..... 两者都有相同的值.. 我怎么能显示这个?请帮忙

问候尼桑特

0 投票
1 回答
2976 浏览

javascript - Jquery - Flot,我怎样才能只显示点而不显示线?

好的开始我正在使用 Jquery-Flot 绘制径向图我找到了一个插件来创建蜘蛛图请参阅此处的 API:

http://www.jumware.com/Includes/jquery/Flot/Doc/JQuery.Flot.spider.html

现在它工作得很好,我不想显示连接点的线。通常与:

但是当使用蜘蛛插件时,它似乎忽略了这个设置。我在这里做错了什么,还是在使用这个插件时我必须显示线条?


工作示例:

http://jsfiddle.net/WAscC/2/


代码:


更新一

编辑lineWidth: 0, connectionWidth: 0任何数字似乎对图表完全没有影响。


如何只显示点而不显示线?

0 投票
1 回答
995 浏览

php - MYSQL 数据 + PHP 到 FLOTgraphing

我对 mysql 和浮点绘图很陌生,但我明白了一般的想法。这是我的场景:我从设备接收数据,并将其放入 mysql 数据库。我说新数据将替换数据库中的现有数据是错误的吗?然后我需要在图表上绘制它,我如何获取(存储)旧值以便我可以将数据放入这一行?

如果没有,我只会得到当前的数据......这并没有给我一条线..它会给我数据点哈哈谢谢你的帮助!

0 投票
2 回答
3389 浏览

php - 使用flot、mysql、php实时绘图

我正在尝试绘制实时图,因为我的 mysql 表不断插入值,例如从 http://kalanir.blogspot.com/2009/11/how-to-plot-moving-graphs引用的移动图-using-flot.html 这些值实际上来自二氧化碳传感器,该传感器使用位置id的co2值更新表的值。我将她的 Math.Random 更改为以下代码:

但是,当我运行此代码时,第一个值会发生变化,之后它保持不变,即使表的最后一行正在更新。我听说是因为在 php 中,服务器只轮询一次。因此,我只能不断读取第一个数据。有什么方法可以让图表更新到表的最后一个值?用阿贾克斯?

谢谢你的帮助

0 投票
2 回答
4618 浏览

javascript - 使用 flot 将另一个系列添加到现有绘图中

我需要知道如何使用 Flot 轻松地将另一个系列添加到现有绘图中。

这是我目前绘制单个系列的方式:

0 投票
4 回答
13645 浏览

javascript - Flot 堆积条形图并在鼠标悬停时显示条形值

我试图了解 Flot 的工具提示功能,但并没有真正理解它!

我正在尝试实现一个工具提示,显示堆叠条形图每个部分的标签和值

有人能指出我的例子或提供这样做的代码吗?

0 投票
7 回答
632 浏览

javascript - 什么样的算法可以制作这样的曲线(img)&它可以在 javascript 中为 flot 完成吗?

你能给我一个算法的例子吗? 替代文字 http://ryancalderoni.com/archive/ideal_curve.jpg

编辑:然后我将如何使用 Javascript 计算数学?有人可以添加吗?很抱歉最初没有包含该上下文..

注意:我使用“flot”来绘制它,flot 的输入是一个像这样的 javascript 数组:

[[x,y],[x,y],[x,y]...]

因此,给定改变曲线的值,我将所有点输出到带有循环的数组中,然后将其吐出以浮动到图形。

0 投票
2 回答
1512 浏览

javascript - Flot mousehover 算法纯粹基于 x 位置进行检测?

使用 jQuery 的 flot,有一种方法可以通过将鼠标悬停在项目上来选择项目。在选项中,grid[mouseActiveRadius] 可以设置为一个数字,以指示选择圆的半径的所需长度。

例如,如果您将其设置为 10,则任何鼠标悬停事件都会突出显示 10 像素半径圆中最近的点。

但是,我希望改为告诉 flot 悬停在 x 方向上最近的点(而不是最近的点周期)。

本例中的 EG:点 1 显然比点 2 更靠近 x,但我仍然希望 flot 选择点 2,因为它在 x 方向上更近。

有没有办法使用插件/内置功能来做到这一点,或者我是否需要编写一个扩展 flot 的默认行为的函数?